IE・fx or N・Oの3種類に対応した、CSSの振り分け

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: はな : 2007/06/11(月) 15:28  ID:KP2rkfbd sub-bK
<link rel="stylesheet" media="screen,tv" href="kihon.css" type="text/css" title="基本用">
<link rel="stylesheet" media="screen,tv" href="opera.css" type="text/css" title="Opera用">
<!--[if IE 5.5000 ]><link rel="stylesheet" type="text/css" href="ie.css"><![endif]-->
<!--[if IE 6 ]><link rel="stylesheet" type="text/css" href="ie.css"><![endif]-->
<!--[if IE 7 ]><link rel="stylesheet" type="text/css" href="ie.css"><![endif]-->
上記のようなCSS振り分けで、CSSを振り分けた結果、
ieではie用、fxとNでは基本用を読み込んでくれるのに、oでも基本用CSSを読み込んでしまいます。





<!--[if opera ]><link rel="stylesheet" media="screen,tv" href="opera.css" type="text/css" title="Opera用"><![endif]-->と変えて見ましたが、結果は変わりませんでした。

各外部CSSには、それぞれで変更したい部分のみを外部ファイル化し、共通のCSS部分は、HTMLに直接書いています。

これが問題なのでしょうか。

希望振り分け法
なるべくスクリプトを使わず、現在しているようにHTML表記のみで振り分けたい。
もし、無理な場合は、JSによる振り分け方法を希望。


1   名前: HANA : 2007/06/11(月) 15:28  ID:DLN2Ojz6 sub-Cl
<!--[if IE 5.5000 ]><link rel="stylesheet" type="text/css" href="ie.css"><![endif]-->
<!--[if IE 6 ]><link rel="stylesheet" type="text/css" href="ie.css"><![endif]-->
<!--[if IE 7 ]><link rel="stylesheet" type="text/css" href="ie.css"><![endif]-->
って、IE独自設定じゃ なかったでしょうか?
<link rel="stylesheet" media="screen,tv" href="kihon.css" type="text/css" title="基本用">
<link rel="stylesheet" media="screen,tv" href="opera.css" type="text/css" title="Opera用">
って、全てのUAが 読み込むのが 正しいのじゃ なかったのでしょうか?

javascript で振り分けをした方が いいのじゃないでしょうか?WEBで検索すればサンプルは たくさんありますよ。navigator.userAgent.indexOf(); みたいな感じ。
必要ならしかたがないのでしょうが 古いブラウザ対策に時間をつかっても 費用対効果が無いと思われますが…(一言 多いですかネ)。
頑張ってみて下さい。Fight !!!!

2   名前: はな : 2007/06/11(月) 15:28  ID:KP2rkfbd sub-bK
HANAさんへ
すぐに対応出来るかと思って、UAで対応しようかと思ったのですが、
少し表示がヘンになるぐらいなので、Oからのアクセス数も少ないようなので後で対応したいともいます。
IE独自だったのでIEしか反応しなかったのですね。
これで、納得です。

一覧へ戻る