css - IE でナビゲーションバーが正しく表示されない

Question

私はcssに比較的慣れていませんが、すべてのブラウザーに対応しようとして問題が発生していました。この場合は驚くことではありませんが、IEです。

これがJSfiddleで再現された私の問題です：http://jsfiddle.net/AgdGs/3/

IE の主な問題は、ナビゲーションバーのスタイルが維持されず、ロゴの下に移動することです。

これは比較的簡単な修正だと思いますが、どこにも答えを見つけることができませんでした。

ご協力ありがとうございます。さらに情報が必要な場合はお知らせください。

score 5 · Accepted Answer

バージョン 9 未満の IE は、やなどの HTML5 セマンティック要素をネイティブに認識しません。<header><nav>

あなたはこれをあなたに必要とします<head>: http://code.google.com/p/html5shiv/

<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

display: blockまた、HTML5 要素を次のように設定する必要があります。

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

score 1 · Accepted Answer

<nav>でありHTML5 element、IE 9 より前の古いブラウザーではなく、最新のブラウザーでのみサポートされています。

score 0 · Accepted Answer

IE 開発者ツールでわかるように (私はこれを IE8 でテストしましたが、テストしたバージョンについては言及していません)、は要素ULの外に移動されています。nav

css - IE でナビゲーション バーが正しく表示されない