ブラウザごとのスタイルシート選定：スタイルシートメモ

Top ＞スタイルシートの基本＞ヘッダー＞ブラウザごとのスタイルシート選定

ブラウザごとのスタイルシート選定

いろいろなブラウザがある中で、古いインターネットエクスプローラーやネットスケープ4のスタイルシートの表示はには頭が痛くなる一方で。

だいたいスタイルシートオンリーでページを作成している人は、ネットスケープ4は読み込まないように設定しているようです。

■Netscape 4.xだけに読み込まれない
<link rel="stylesheet" type="text/css" media="screen,tv" href="default.css" />
■Windows IE 4.xだけに読み込まれない

@import "default.css";
■Windows IE 5.xだけに読み込む

@media tty{
i{content:"\";/*" "*/}} @import url('ie5win.css') /*";}
}/* */
■Mac IE5だけに読み込む

/*\*//*/
@import url("ie5mac.css");
/**/

私がいつも使う方法を紹介します

（１）ページのヘッダーで外部スタイルシートを設定します。

※default.cssはこの時点で、ネットスケープ4に読まれません。

（２）default.cssの中身

@import url("site.css");
@media tty {
i{content:"\";/*" "*/}} @import 'ie5.css'; /*";}
}/* */

※ここでIE5とほかのブラウザのスタイルシートの振り分けをします。

（３）通常のブラウザで使用するスタイルシートを「site.css」で、IE5にだけ適応したいものを、「ie5.css」で設定します。

投稿者: akasa 日時: 2006年03月25日 20:17|パーマリンク