2009-05-04 6 views
0

ブロック要素(DIV)がページ全体に広がっています。可変幅の複数の浮動DIVが含まれています。この要素は多くのWebページ(誰でも自分のWebサイトに置くことができます)に存在することができます。 FFではすべてのサイトで正しくレンダリングされ、浮動小数点型DIVは内部コンテンツと同じ幅しかありません。 IEでは、時々動作しますが、他のサイトでは動作しません。代わりに、浮動DIVを親の幅に伸ばします。添付されたイメージは、さらに例示するためのイメージです(赤DIVはコンテナ、黒DIVはフローティング)。IE 7/8レンダリングIinline(浮動小数点数)ブロック:幅はコンテンツに合わせられませんか?

http://img8.imageshack.us/img8/4734/screenrrl.jpg (画像をフォトショップされ、実際のHTMLをレンダリング)

+0

実際に表示できるコードはありますか、それが機能しないサイトの例はありますか?私の推測では、これらのサイトはクォークモードでレンダリングされています。 – Guffa

+0

投稿するコードはありませんが、非常にシンプルで、複数のフローティングされた子を持つ親DIVです。 – Nic

答えて

1

はそれを見つけました!問題は、親の中のすべての要素をクリアするために単一のDIVを使用していたことです。 IEのあるレンダリングモードにはこれに問題があります。代わりに、私はそれを親にclearfixクラスを追加することで置き換えました!

0

あなたは(私はそれをスクリーンショットで使用されていると仮定)、ULのために、このclearfixを使用することができます。

#list { overflow: hidden; zoom: 1; } 

の代わりに、 "クリア:両方;"。

関連する問題