top

Netscape 4.x系にcssを読み込ませない覚え書き

このところ空いた時間は全て別館のリニュ作り込み作業に費やしている日々なのですが、ふと思い立ってNetscape4.7で作業中の頁を見てみました。

予想通り爆崩れでした(^^;。リニュサイトはXHTML+cssで行く!と決めた時点で、もう古いブラウザは切り捨てる!覚悟でやっていたんですが、さすがに文字の判読すらできないような(ゴチャッと重なって表示されてるので)総崩れ状態の頁を見てしまうと「うーん、ちょっとは何とかしてみようか…」な気持ちも少し出てきました。

Netscape 4.x系はともかくcssが駄目駄目。実際にcssレイアウトしたサイトを表示してみて、中途半端に解釈された状態よりは、css一切無効状態の方がまだましだというのもよく分かりました(少なくとも文字は読める)。そういうことで、Netscape 4.x系にはcssを読み込ませない技があるらしい。いろいろ調べてみて分かった方法を覚え書きしておきます。

■media="all"で制御する
スタイルシートを読み込ませる時、これを追記しておくといいようです。
赤字の部分を追加。

<link rel="stylesheet" type="text/css" href="style.css" media="all" />

■@importで対応する
Netscape 4.x系は@importに対応してないらしいです。なので、実際に使うcssが「style.css」だった場合、もう1つcssを用意して(仮に「hoge.css」とする)、そこから@importを介してstyle.cssを読み込むようにします。MTのStyleCatcher用css形式ですね。

頁に記述する<link rel="stylesheet"部分

<link rel="stylesheet" type="text/css" href="hoge.css" />

hoge.cssの中身

@import url(style.css);

どちらも試してNetscape4.7でcssが無効になることを確認しました。
アク解で見る限りは別館にNetscape 4.xで見に来てる人はもういないので、実際に導入するかどうかはまだ分かりませんが、知っておけば何か役にたつこともあるだろうということで。

ちなみにWingMemoは何もしてないのに、Netscape4.7できれいにcssが無効になって表示されてます。なんでだろ??