0

ブラウザ間の互換性に大きな問題があります。この図は問題を示しています。

説明なし

メニューが適切に配置されるように、IE7-8 にどのコードを追加すればよいですか? 今のところ、Firefox では正しく見えますが、他には何もありません。

これは彼女が持っていたメニューコードです (他のコードが関連付けられている可能性がありますが、私にはわかりません。実際のサイトを参照してください):

.custom .menu { 
    height:25px;
    border: 1px none; 
    float:right;

}

他のスレッドで言及されていることを試しましoverflow:hidden;た/幅を与える/margin: 0 autoなど。何も機能せず、Firefoxも壊れるだけです。

4

3 に答える 3

0

原因と思われるHTMLの問題があります。たとえば、Explorerは無効なHTMLを嫌い、意図を理解するのに最も苦労します。他のブラウザは異なる推測を行い、あなたのサイトもSafariで壊れています。重要なのは、標準に従わない限り、レンダリングは予測できないということです。

無効な空<ul>の要素が2つあります。

<ul>必要<li>

<div id="sidebar_1" class="sidebar">
    <ul class="sidebar_list">
    </ul>
</div>
<div id="sidebar_2" class="sidebar">
    <ul class="sidebar_list">
    </ul>
</div>

HTMLを修正したら、CSSの問題に取り組みます。

于 2012-12-01T17:18:09.217 に答える
0

試す

.custom .menu {
     height: 106px;
     border: 0px none;
     float: right;
}


.custom #header {
     background: transparent;
     height: 80px;
     top: -80px;
     position: relative;
     border-bottom: 0;
}
于 2012-12-01T16:30:34.127 に答える
0

MacのSafariで見たものに基づいており、これはあなたが抱えている問題に似ています。いくつかのCSSの問題があります。

#header { float:left; }
.menu-menu-top-container { float:right; }

削除する：

#header { clear:both; }
.custom .menu { height:25px; }

ただし、このサイトには多くの問題があります。個人的には、html と css の両方から最初からやり直します。これは、私が長い間見た奇妙なコードの 1 つです。

于 2012-12-01T16:30:40.663 に答える