css floatingとiexplorer

Question

iexplorerではなく、chrome、ff、safariで正しく浮動する2つのdivがあります。右側のdivは右側の浮動小数点以下に表示され、2つのdivは幅のある外側のdivで囲まれます800pxの

<div class="b_left"> 

</div> 

<div class="b_right"> 

</div> 

.b_left{ 
     width:350px; 
     margin-left:80px; 
     float:left; 
     display: block; 
    } 

    .b_right{ 
     float:right; 
     width:350px; 
     height:280px; 
     background-color:#c8c8c8; 
     display: block; 

    } 

Answer 1

これは、マージンを2倍にするバグです。 .b_leftにインライン表示を追加する必要があります。

display: inline 

Answer 2

私はここで迅速なjsFiddleを作成しました：http://jsfiddle.net/6JWq9/

を、それだけで罰金を示しています。私は、パディングやマージンを追加する他のコードがあると思います。 私の例を見直して、あなたと何が違うのか教えてください。私は自分の答えを更新できます。

Answer 3

マージンを0にしてください。パディング：0; 3つの部門のすべてで、チェックしてそこからチェックしてください。また、リセットスタイルはIEのために必要です。私はEric Meyer'sを使用します。 （Googleに簡単）。

また、display：inline;マージンのあるものはIE6のために修正されます。

Answer 4

列にdivsを使用する場合、これはあなたが意図していると仮定しているので、divの1つのみを浮動させる方が良いです。

私は600pxの幅のコンテンツと呼ばれるdivがあり、内側には300pxのdivが2つあり、左と右のブロックがあります。 leftblock leftとrightblock rightをフローティングする代わりに、leftblockを左に浮動させ、rightblockに300pxの余白を残します。これにより、右側のブロックが右に押し出され、IEが奇妙に表示されないようにしながら、左のブロックがその横に収まるように確保されます。

希望します。