CSS - IEXPLORER

Question

で働いていないクラスセレクタは、私はdinamically以下のdivの構造を作成します。

<div id=Box> 
    <div id=outer> 
     <div id="inner1" class="split_right"> 
      some 
     </div> 
     <div id="inner2" class="split_left"> 
      some 
     </div> 
      ..... 
      ..... 
     <div id="inner(n)" class="split_right"> 
      some 
     </div> 
     <div id="inner(n+1)" class="split_left"> 
      some 
     </div> 

    </div> 
</div> 

のdivの数が1列に渡された秒数に依存しています。 問題は、私はsplit_rightするCSSルールを与えたいということ、であり、このようsplit_left：

.split_left { 
float: left; 
margin: 0px 10px 5px 10px; 
} 
.split_right { 
float: right; 
margin: 0px 10px 5px 10px; 
} 

これはChromeとサファリで正常に動作しますが、どのIE6では動作しません+

私は何をしています違う？？

UPDATE

これは私が何をしようとしていますものです：

http://postimage.org/image/g2t4qsq4v/

外側のdivが2に等しい一定の幅を持っている*内側のdivの幅+ 50pixels 2秒収まるように一緒に同じ行にある。

Answer 1

これで試してみよう：

<div id=Box> 
    <div id=outer> 
     <div id=inner1 class="split_right"> 
      some image 
     </div> 
     <div id=inner2 class="split_left"> 
      some image 
     </div> 
      ..... 
      ..... 
     <div id=inner(n) class="split_right"> 
      some image 
     </div> 
     <div id=inner(n+1) class="split_left"> 
      some image 
     </div> 

    </div> 
</div> 

あなたはIEで動作していない、まさに

Answer 2

わからない引用符を忘れてしまった、あなたがその定義された幅のラッパーを持っている場合、私は知りませんそれらにちょうど完全に合う。しかし、IE 6には有名なバグがあります。おそらく7かもしれませんが、わかりません。同じ方向に余白があり、余白が残っていて、余白が2倍になる場合は、余白が2倍になります。だから、持っていない場合は定義なってこれらのボックスは、CSSに

display: inline; 

を追加し、IEでそれが次の行に最も可能性の高いラップは、それはそれのように見えるようになるに収まるように

浮いていないことを間隔それぞれの分割クラスの