1

不思議なことに、私のページの1つの特定の側面がFireFoxに表示されません。私はこれに問題を絞り込みました：

メインページ（すべてのブラウザで動作）<div id="wrapper">には次のCSSがあります。

margin: 0px auto;
width: 1000px;
background-color: #272727;
min-height: 100%; /* ie6 ignores min-height completely */
height: 100%;
background-size:100%;

これにより、素敵な灰色がかった背景が保証されます。また、私はすべてのものをフローティングするために石工のjqueryスクリプトを使用しています。すべてのフロートの終わりに、私はそれらをクリアします：

<div style="clear: both;"></div>

これにより、すべてが完璧になります。ただし、別のページでは、それが機能していないようだったので、代わりにこのコード行をラッパースタイルに追加しました（そのページの場合）

style="overflow: auto;"

IEとChromeでは、これはすべて問題なく、背景を復元しますが、Firefoxではコンテンツも背景も表示されません。コードを削除すると、コンテンツはありますが、背景はありません。

どうしてこれなの？私が最も驚いたのは、IEが機能し、Firefoxが機能しなかったことです。

4

1 に答える 1

1

編集:

clear:bothor clear:leftand andoverflow:auto;をラッパーcssに追加します。

#wrapper {
    background-color: #272727;
    background-size: 100% auto;        
    height: 100%;
    margin: 0 auto;
    min-height: 100%;
    width: 1000px;
    clear: both; /* Added Clear Property */
    overflow:auto; /* Added Overflow Property */
}

ラッパーの上のタグバー が左に浮いているので、フローティングをクリアする必要があります。<div> <div>

http://img841.imageshack.us/img841/3145/imgej.png

于 2012-08-07T11:31:14.053 に答える