さて、私はクライアント用の Web サイトに取り組んでいます: http://sap-bmc.dreamhosters.com/、IE9 と IE8 を除くすべてのブラウザーで完全に動作しています (IE7 は奇妙な理由で動作しているようです）。
私が直面している問題は、ホームページの 3 つの列にあるこの巨大なスペースです。
何らかの理由で、この余分な高さが追加されています。私は次のことを試しました：
.grid3column { height: 300px!important; }
しかし、それはうまくいきません。なぜこれが起こっているのか誰にも分かりますか？私は何時間もデバッグしてきましたが、何が問題なのかわかりません。
問題は、ページが IE によって Quirks モードで表示されていることです。
これは、指定した を IE が無視しているため<!DOCTYPE>です。
その理由は、Doctype の前にいくつかの HTML コードがあるためです。この浮遊コードは、タグの外側の本文コンテンツであるため、どのような場合でも無効ですが、<body>それに加えて、IE の doctype の認識を壊すという IE 固有の問題もあります。
IE が認識できるようにするには、 Doctypeをページの最初に配置する必要があります。
IE が doctype を認識しない場合、Quirks モードに移行します。これにより、CSS コードの負荷全体が壊れます。そして、それがあなたの問題の根本原因です。
[編集]
さて、doctype の問題は修正されましたが、タグの不一致など、まだ HTML エラーが残っています。これはたまたま青い列の下部にあるタグに含まれています。
問題が表示されるW3C バリデーターでサイトを実行することをお勧めします。バリデーターが通知するエラーを修正すると、問題が修正されます。