CSSテクニック - IEのボックスモデル解釈の違い

|
バージョン5.5以前のIEやIE6の後方互換モード(DOCTYPE宣言より前に何らかの文字があると後方互換モードになる。XML宣言など)などで表示させる場合に、ボックスモデルの幅や高さの解釈が通常の仕様とは異なります。通常のwidthプロパティやheightプロパティの値は内容領域だけに対して適用されますが、これらの場合には「内容領域+パディング+ボーダー」に対して適用されます。


boxmodel_01.png
このような違いがブラウザごとの表示の違いとなって現れます。そのため、古いバージョンのブラウザや後方互換モードのIEを対象とする場合には、CSSハックやコンディショナルコメントなどを使用して振り分ける必要があることもあります。
よかったらぽちっと→ にほんブログ村 デザインブログ Webデザインへ

Archives

Google

WWW を検索 ilog* を検索