About Conditional Comments

IE7ではCSS周りが大分改善しされたと聞きました。しかし、まだまだIE6を使用しているユーザは多いです。firefoxのようなW3C準拠のブラウザを基準にサイトを構築すると見事に表示が崩れます。

そこでIEだけが使用してくれるコメントを挿入します。IE6以下のときにアクティブにしたいならこのように記述。

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

比較子は"lt-未満"、"lte-以下"、"gt-より大きい(対象含まず)"、"gte-以上"が使用可能です。比較子を使わずに"if IE 5"のように記述することも出来ます。

これでIEとfirefoxで表示が違うと悩むことも多少減るかもしれません。