IE6 の互換モードによる罠
2001年10月1日(月曜日)
IE6 の互換モードによる罠
IEっていうかCSS
IE5.0だと意図したとおりだけど、IE5.5、IE6だと H1要素がはみ出ているような。IE6だとtext-align: centerも効かないし謎。
以上、びいさんの日記。 より
IEっていうかCSS
HTML 4.01 Transitionalだとtext-align: centerが有効になる模様。
コレってStrictでは削除だったっけ。うーむ調べられん。Air H"買うか。
以上、びいさんの日記。 より
width が 100% 未満のブロック要素に text-align: center を指定すると、要素の中のテキストはセンタリングされますが、要素自体はセンタリングされません (書字方向に応じて左か右によることが期待される)。ブロック自体をセンタリングするには、そのブロックの margin-left と margin-right を共に auto にします。
……というのが CSS の仕様的には正しい動作なのですが、過去の IE などは text-align: center でブロック自体をセンタリングするという実装になっていました。IE6 ではこの誤りが一応訂正されているので、センタリングされません……が、HTML4.01 Transitional を使っていたり、文書型宣言の SYSTEM 識別子がない場合は過去の実装との互換性を重視する「互換モード」で動作することになっていて、ブロック自体がセンタリングされます。
- 「IE6 の互換モードによる罠」にコメントを書く
関連する話題: Microsoft / UA / Internet Explorer / もののけ / びいさん / CSS