2011-06-29 16 views
2

私は比較的新しいCSSですが、IEの場合は驚くことではないが、すべてのブラウザに対応しようとしていました。 http://jsfiddle.net/AgdGs/3/ IEでNav BarがIEで適切にレンダリングされていない

、主な問題は、ナビゲーションバーがスタイルに滞在しないとロゴの下に移動することである。

はここJSfiddleに再作成私の問題です。

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

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

+1

使用しているIEのバージョンは何ですか?あなたのバージョンではnav要素がサポートされていない可能性があります。 nav要素はHTML 5で導入されました。 – Jrod

+0

少なくともIE7で動作します。まあ、それは完璧な意味があります、どうすればその問題を解決できますか? – Igrabes

答えて

5

9未満のIEのバージョンは、ネイティブにrecognize the HTML5 semantic elements<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; 
} 

総合情報ここに:http://paulirish.com/2011/the-history-of-the-html5-shiv/

+0

+1良い知識を共有する。 –

+1

作業デモを参照してください。http://jsfiddle.net/AgdGs/15/ –

+1

あるいは、古い学校の方法に戻って[div'(http://jsfiddle.net/J4xb7/2/)を使ってください。しかし、 'nav'を使うのと同じくらい素晴らしい、エキサイティングで光沢のあるものではありません。 –

1

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

0

私はIE8でこれをテストしましたが、テストしたバージョンは何も言及していませんでしたが、ULnav要素の外に移動しました。

関連する問題