0

私は最近このサイトをワードプレスで構築しましたが、Internet Explorer 7 との調整に問題があるようです。

基本的に、彼らは約 20 ピクセルほど右側に表示され、これをどのように修正するのか疑問に思いましたか? これは私をしばらく困惑させ、私はゆっくりとアイデアを使い果たしているように感じます.

リンクは次のとおりです。

http://alleanza.co.uk

スクリーンショットは必要ですか？もしそうなら、今夜遅くにクライアントからのものを投稿できますが、それはIE 7だけです!?

リスト用に持っている PHP と Html の構造は次のとおりです。

<ul id="nav" class="clearfloat">
<li style="padding:10px 10px 0px 10px; height:20px; display:block;"><a href="http://www.alleanza.co.uk">Alleanza</a></li>
<div id="navoption"><ul><?php wp_list_pages('title_li='); ?></li></ul></div>
</ul>

それは正しい構造ですか？すべての助けに感謝します..

4

1 に答える 1

0

最上位のulメニュー項目内に div をネストしていますが、これがおそらく IE7 でデザインを壊している原因であり、他のブラウザーでも機能することに驚いています。

<ul class="clearfloat" id="nav">
    <li>Alleanza</li>
    <div id="navoption"> <ul> ... </ul> </div>
</ul>

リスト項目は、メニュー リスト内にネストする必要があります。

したがって、その div をリスト項目内にラップすると、機能するはずです。

<ul id="nav" class="clearfloat">
    <li style="padding:10px 10px 0px 10px; height:20px; display:block;"><a href="http://www.alleanza.co.uk">Alleanza</a></li>
    <li><div id="navoption"><ul><?php wp_list_pages('title_li='); ?></li></ul></div></li>
</ul>

注: wordpress を使用していることに注意してください。実際には、メニューの「カスタム リンク」オプション内で「Alleanza」リンクを直接作成できるため、ハードコードする必要はありません。

ドキュメント: http://codex.wordpress.org/Appearance_Menus_Screen

于 2012-05-22T16:28:34.070 に答える