こんにちは、Netscape 4.x

もうシェアは0.5%にも満たなく最近ネットを始めた方だと「何それ？」と思われても仕方がないNetscape 4.xですが、サイト構築をする上で無視出来ないケースも出てきます。例えば企業によってはアップグレードを頻繁に出来ないということでNetscapeのまま・・・というのもあります。Netscape4.xはかれこれ６年前のブラウザということもあり、CSSのサポートも甘いです。CSS Browser Supportのようなページをみてどのプロパティが使えるのかチェック出来ますが、今回はThe CSShark Answersのページを参考に具体的にどういった対策をとったら良いのかをメモがわりにピックアップ。こういう方法もある．．．というのがあればぜひコメントしてください。

1. スタイルシートを切り分ける
Netscape4.xは「@import」からのスタイルシートは読み取ることが出来ないので２通りスタイルシートを作って対処することが出来ます。

<link rel="stylesheet" href="oldbrowser.css" type="text/css">
<style type="text/css">
@import url(newerbrowser.css);
</style>

2. フォントはそれぞれ設定
新しいブラウザだと親エレメント（例えばBodyタグのような）にフォントを設定すれば、子エレメントをはじめ全体にスタイルが影響するのですが、Netscape4.xではそうはいかないので、class/idごとに定義してあげる必要があります。また、フォントの大きさも違っているので相対値にしておくと良いでしょう。

3. bodyの余白
bodyのディフォルト定義では各ブラウザともにわずかな余白が空けられています。これは通常「margin: 0px」で解決するのですがNetscape4.xではそうはいきません。Netscape4.xではこの余白を負の値を入れることで解決します。Netscape4.x用のスタイルシートに以下のように記述すると良いでしょう。