XML宣言の問題を視覚でとらえる

IE6と他のブラウザ(FirefoxやOperaなど)で表示してみましょう。 IE6では要素1が要素2の大きさへ押し込められてしまいます。 widthやheightに、padding・borderの数字を含めてしまうのです。

IE6での主な問題点

  1. フォントサイズが一段階下がる
  2. ボックスの計算方法が変わる
  3. text-alignがブロック要素にも適用される
ブロック要素1:widthとheightは160px
ブロック要素2:パディング・ボーダーなし
widthとheightは160px
元の記事へ戻る:IE6でのXML宣言の問題と回避方法 - BirDesign