0

私は小さなウェブサイトのナビゲーションの問題に取り組んでおり、クロム、ファイアフォックス、サファリでコンテンツがうまく機能していますが、もちろん、IEはナビゲーションメニューのスタイルをまったく設定できません。

順序付けられていないリストを作成し、スタイルをハッキングして、メニューを水平にしました。

問題への直接リンクは次のとおりです: (リンクは削除されました)。

順序なしリストは、Chrome の見栄えの良いナビゲーション メニューではなく、IE の箇条書きの順序なし垂直 HTML リストとまったく同じように表示されます。

何かアドバイス?

4

3 に答える 3

1

<nav>HTML5要素であるを使用しています。古いIEバージョン(8以下)はそれらを認識せず、スタイルも設定しません。

これを修正するには、を使用する必要がありますHTML5shiv。そのページの指示に従って機能させてください。
つまり、HTML5shivはdocument.createElement、IEがそれらを認識する場合にすべてのHTML要素を作成します。完全なストーリーを入手するには:Paul Irish:HTML5シブの歴史

于 2012-05-06T20:15:54.687 に答える
1

このnav問題 (この場合、古いバージョンの IE ではすべてのスタイル設定が妨げられます) に加えて、他にも問題があるようです。

HTML コードはmedia、古いバージョンの IE では認識されない属性を使用しています。つまり、これらの属性は CSS ファイルをまったく適用しません。簡単な修正は、Large.css を参照する要素mediaから属性を削除することです。linkより良い解決策は、ほとんどの CSS ルールをファイルにまとめて、link要素を指定してmedia=screen(またはmedia属性なしで) 参照することです。これにより、メディア幅に依存する CSS ファイルには、幅ごとに異なる設定のみが含まれるようになります。

@font-faceIE 9 コンソールには、OpenType 埋め込みの使用権チェックに合格しなかったことを示す CSS3114 エラー メッセージが含まれています。

Medium.css と Small.css には、float: centerどちらが間違っているかが含まれています (centerは の許容値ではありませんfloat)。http://jigsaw.w3.org/css-validator/を使用して、CSS コードを確認してください。

于 2012-05-07T04:12:26.323 に答える
0

navタグをタグに置き換えdivます。を使用して要素を参照しているため、ここでは CSS コードを変更する必要はないよう#navです。<nav id="nav"><div id="nav"></nav></div>

于 2012-05-06T20:21:51.063 に答える