- お知らせ -
  • 当wikiのプログラムコードの表示を直してみました(ついでに長い行があると全体が下にぶっ飛ぶのも修正)。不具合があればBBSまでご連絡下さい。

CSS

はじめに Edit

IEの標準モードと後方互換モードでCSSの解釈が変わる件について。
どんな時に、標準モードになりどんなときに、後方互換モードになるかのさらっとした、まとめ。

IE6,IE7にて確認。

互換モードの確認方法 Edit

互換モードの確認は、

<span style="width:32px;height:32px;background:#000;"></span>

と書いてみて、表示されるか(width,heightが解釈されてしまうか)どうか。表示され(解釈され)たら互換モードです。

※注意:違ってたらごめん。

まとめ Edit

と思ったら、参考リンク見たらほとんど解決するじゃん……。
でも一応自分が分かるように書く。

XHTMLでXML宣言ありの場合 Edit

IE6なら互換モードになる。IE7なら標準モード。

DOCTYPE宣言はずすした場合 Edit

IE6,IE7で互換モードになります。
IE7ではxml宣言をしていて、見た目がXHTMLでも互換モードになります。

IE6, IE7,Firefoxなど大抵のブラウザで統一するには? Edit

  • XHTML 1.1のXML宣言なし→標準モード
    (宣言ありだとIE6が互換モードになってしまう)
  • XHTML 1.0 StrictのXML宣言なし→標準モード
    (宣言ありだと(ry)
  • HTML 4.01 Strict→標準モード
  • HTML 4.01 Transitionalシステム識別子なし→互換モード
  • HTML 4.01 Framesetシステム識別子なし→互換モード

IE6を切って大抵のブラウザで統一する場合 Edit

  • XHTML 1.1(XML宣言無関係)→標準モード
  • XHTML 1.0 Strict(XML宣言無関係)→標準モード
  • HTML 4.01 Strict→標準モード
  • HTML 4.01 Transitionalシステム識別子なし→互換モード
  • HTML 4.01 Framesetシステム識別子なし→互換モード

参考リンク Edit


No comment. Comments/CSS/IEの標準モード、互換モードまとめ?

Name:

Front page   Edit Freeze Diff Backup Upload Copy Rename Reload   New Pages Search Recent changes   Help   RSS of recent changes
Last-modified: 2008-04-16 Wed 18:18:57 JST (4228d)