前に「cssの基礎から勉強(2)」のエントリで書いたHTMLの標準準拠モードと後方互換モードについてちょっと調べてみました。IE6.0で見た場合、かなりのバグがでるというのは前回書いた通りですが、じゃあどんな感じに崩れてしまうのかを検証してみました。
まず、どんなバグかというと、主なところでは、
- ボックスモデルの解釈の違い
- imgにpaddingがきかない
- margin:autoがきかない、text-alignのバグ
というところだそうです。
今回、あえて後方互換モードにして、このバグを潰しつつ各ブラウザでちゃんと表示させるようなマークアップ方法を試してみました。
