Internet Explorer で実行すると壊れてしまう Web プロジェクトがあります。これが、私が望むようにjsfiddleで動作しています。
IE では、display_area
が上に上がり、上部のツールバーと混ざります。また、投稿は、jsfiddleside_display_area
のように に限定されるのではなく、 に混在します。main_display_area
Internet Explorer で実行すると壊れてしまう Web プロジェクトがあります。これが、私が望むようにjsfiddleで動作しています。
IE では、display_area
が上に上がり、上部のツールバーと混ざります。また、投稿は、jsfiddleside_display_area
のように に限定されるのではなく、 に混在します。main_display_area
私が抱えていた問題は、IE がデフォルトで、IE 用に特別に作成された古いコードとの互換性を保つために、CSS レンダリングに「Quirky」モードを使用することでした。現在、IE にはさまざまな標準準拠モードがありますが (ただし、どの程度準拠しているのかは証明できません)、依然としてこの互換モードがデフォルトになっています。
X-UA-Compatible
解決策は、ヘッダーを介して IE のレンダリング モードをオーバーライドするか、明示的に設定することです。これは、html タグを使用して次のように行うことができます。
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
これが役立つと思いますhttp://css-tricks.com/the-css-overflow-property/
水平メニューに div を追加し、その上に高さを設定することを検討してください
div.hmenu {
margin-left:auto;
margin-right:auto;
height: 20px;
min-width:1000px;
max-width:90%;
overflow:auto;
}