0

私はワードプレステンプレートを使用していますが、FireFoxではすべてが正常に見えます。

しかし-サプライズ、サプライズ-InternetExplorer8では間違っているように見えます

このページには2つの問題があります。

http://www.thebuddhagarden.com/blog/

1)検索ボックス(ナビゲーションメニューの右側にあるはずです)が下に押され、Categoriesという単語の後ろに隠れます。

2)そして(おそらく関連している)ナビゲーションメニュー(Blog Home、Shop Our Storeなどで始まる)は左に揃えられているはずです。FireFoxでは見栄えがしますが、IE8では中央に配置されています。

4

3 に答える 3

0

いいえ、これはフロートの問題ではありません。

IE-7では2つの問題があり、IE-8では正常に機能していると思いました。

次のことを行います

1. h1から行の高さ:18pxを削除します。これにより、ie7のナビゲーションと混合しているタイトルが表示されます。

2.width:690px(または希望する場合は695px未満である必要があります)を配置すると、問題はありませ<div id="navmenu-wrapper">ん。

ここに画像の説明を入力してください

于 2012-04-22T06:11:24.213 に答える
0

あなたの問題は、このプロパティが原因です:

#navmenu ul {
   margin:0 auto;
}

styles.css スタイルシートの 656 行目。リストを左にフロートさせたいときにリストを中央に配置しようとしているので、変更するだけでmargin:0準備完了です。

于 2012-04-22T00:08:02.110 に答える
0

Internet Explorer は、左にフロートする要素の後に右にフロートする要素を好みません。これがなぜなのかはわかりませんが、何らかの理由で右フロートが改行右フロートであると見なされます。ここには 2 つのオプションがあります。

コードの navmenu の上に box-search div を配置します。これは他のブラウザ (FF、Chrome、Safari、Opera) に影響を与えることはありません。すべてのブラウザは現在と同じように表示されます。ただし、IE では、右のフロートを左のフロートと同じ行に配置できるため、問題が修正されます。

または、navmenu に特定の幅を指定して、検索に必要なスペース以外をすべて使用し、両方を左にフロートさせます。

于 2012-04-21T23:40:41.483 に答える