WebページでDOCTYPEを宣言したことを忘れないでください
一般に、「DOCTYPE」タグは、w3cルールに従ってWebページを検証または処理する方法をWebブラウザーに指示し、一部のWebブラウザー（特にIE）がそれ自体を「http：// en。 wikipedia.org/wiki/Quirks_mode[Quirksモード]」。
Quirksモードは災害です
奇妙なモードがWebページを台無しにする方法を知るための例を考えてみましょう。
「DOCTYPE」が宣言されていない単純なHTMLコード。
No DOCTYPE declared!
「margin:0 auto;」は、ページの中央にヘッダーブロックを自動配置し、IE7、8、およびFirefoxでサポートされます。 試してみよう。
-
Firefox –ページをFirefoxで表示した場合、正常に機能しています。
-
IE8 –ページをIE8, the center alignment is not workingで表示する場合。
ここに問題があります。IE8は「margin:0 auto;」をサポートしていますが、なぜ機能しないのですか？ これは、IE8自体が「http://en.wikipedia.org/wiki/Quirks_mode[Quirksモード]」に変わるため、Webブラウザーを下位互換性モードに切り替えて、WebページをIE6モードで表示するためです。
IE6が世界最悪のWebブラウザとして最高の賞を受賞しました。あなたの素敵なデザインのHTMLレイアウトをくそにしたくないだけです。 自動マージンに加えて、IE6ではサポートされていないCSS要素が何百もありますが、DOCTYPEの重要性がわかりましたか？
DOCTYPEを宣言しました!!!
IE8がそれを「Quirks mode」に変換しないようにするには、HTMLコンテンツの前にDOCTYPEタグを宣言する必要があります。 例えば、
...
IE8でもう一度表示してみてください。中央の配置は正常に機能しています。 もう「Quirksモード」ではなく、IE8標準でWebページをレンダリングします。