IE9 のフロートによる配置の問題に対処する

コンテナを右側に配置し、それに隣接するテーブルを配置しようとすると、ユーザーが次のような問題に遭遇しました。 IE9と他のブラウザでの表示の差異。他のすべてのブラウザではテーブルが正しく表示されましたが、IE9 ではフローティング コンテナの下に配置されました。

調査の結果、この問題は IE9 の overflow: hidden プロパティの誤解に起因することが判明しました。配置の問題に対処し、ブラウザ間で一貫した表示を確保するには、次の解決策をお勧めします。

次の互換性ディレクティブを組み込むように HTML ヘッダーを変更します:

このディレクティブを組み込むことにより、ブラウザは、より新しいバージョンの Internet Explorer をエミュレートする互換モードを使用してページをレンダリングするように指示されます。この調整により、overflow: hidden プロパティが期待どおりに動作し、IE9 でテーブルが適切に配置されるようになります。