条件つきコメントでやっかいIEも完璧制御

CSSレイアウトが主流となった今、デザイナー、コーダーを悩ませるのが各ブラウザ毎に微妙に違うCSSにおける設定のズレである。

その点も考慮してデザインをし、綿密に練られてコーディングでどのブラウザでも等しく構築していくが、どうしてもmargin幅の取り方の違いなどから、微妙な違いが出てしまう。特にIEはなかなかの曲者である。

そんな時に役立つのがIEの条件付きコメントの利用。
IEのバージョン毎に対応を設定出来るため、ピンポイントで制御可能である。

下記のサイトで様々なコメントのIEテスト結果が一覧化されている。
www.keynavi.net/ja/bugh/comments.html

設定も極めて簡単！
HTMLの中にCSSを設定する場合・・・CSSの設定を条件付きコメントで囲むだけ！
外部ファイルのリンクに利用する場合・・・外部ファイルのリンク設定を条件付きコメントで囲むだけ！