« NN4x、IE4x以下のブラウザにCSSを読み込ませないようにする | メイン | 銀行・クレジットカードを変えた »

Win IE5-6を簡単にはじく

htmlのhead内でConditional Comments for Internet Explorerを利用すれば、IE5-6だけ別のCSSを読み込ませることが可能。

<!--[if lt IE 6]>
<style type="text/css">
@import url("winIe5.css");
</style>
<![endif]-->

上記の場合、IE6以下、つまりIE5xにはwinIe5.cssが適用されることとなる。

なお、このConditional Comments for Internet Explorerは、WinIE4.x以下には実装されていない。

if内のコメントの違いによるバージョンの振り分けは以下のとおり。

<!--[if gte IE 5]> IE 5.0 - 6.x
<!--[if IE 5]> IE 5.0
<!--[if IE 5.5000]> IE 5.5
<!--[if IE 6]> IE 6.0
<!--[if gte IE 5.5000]> IE 5.5 - 6.x
<!--[if lt IE 6]>IE 5.0 - 5.5

この方法の弱点

この方法は、HTML内に埋め込む必要がある。外部スタイルシート内などで利用することができない。

そのため、数十ページにおよぶコンテンツのサイトやブログなどで、あとからCSSの設計方法を変更したりメンテナンスするときに面倒になる恐れもある。



トラックバック

この一覧は、次のエントリーを参照しています: Win IE5-6を簡単にはじく:

» サイトレイアウトとかblogとWebページのこととか from 野良犬の塒
どーにかブラウザごとでのレイアウトの問題が解決したようだ。 ... [詳しくはこちら]