IE 8でクリアフロート

StackOverflow https://stackoverflow.com/questions/1981101

質問

私はdivのフロートを使用して、左右の容器に分割され、.NET MVC（ないこの問題という）にページを構築しようとしています。私は（そのよう<b>または<div>など）<br>タグ以外のものを使用してfloatをクリアしようとすると、IE8は（それはタグにスタイルを無視するかのように、それはだ）ページを正しく表示されません。私は<b>タグを使用する場合は、ChromeとFirefoxはページを正しくレンダリングされません。私は、任意の浮遊タグを持っていけないことを確認するために私のHTMLの上になっているとW3Cマークアップバリデータを介して実行しているし、それはXHTML 1.0厳格に合格します。私はここに行くことができるもののために途方に暮れています。しかし、私の必要性を何かのシンプルでクリーンな：私は（擬似要素の後に、このような使用など）をクリアフロートへのより良い方法があることを認識しています。誰もが、これは、スタイルシートで多分何かを発生する原因となるかもしれないものについてのアイデアを持っていた場合、私は思っていましたか？任意の助けを事前に感謝します。

役に立ちましたか？

解決

私はそれを発見しました。愚かなIE。私は100％に2浮かべた容器を収納された私のdivの高さを設定する必要がありました。私は、MozillaとChromeはIEにはない100％の高さを想定していることと思います。私はより明確にされている必要があります。問題は、私はフロートをクリアするためにDIVタグを使用する場合、何も私の容器の中に現れていなかったか、背景色は記入しないだろうということでした。私は何が起こっていたかを把握するためにIEの開発者ツールバーをインストールする必要がありました。 

<div id="floatcontainer" style="width:100; height:100%;">

<div id="floatleft" style="float:left; width:50%; background-color:#454545;"></div>
<div id="floatright" style="float:right; width:50%;"></div>
<div id="clear" style="clear:both;"></div>

</div>

他のヒント

clearfixの方法を試してみてください。 http://www.positioniseverything.net/easyclearing.html

神保、私が代わりにIDをクラスを使用して、あなたのスタイルシート内のすべてのスタイルを持つお勧めします。また、これはうまく説明すべきかフロートとクリアできます http://goo.gl/uxu8Gする

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top