IE8の問題：divが行をブレークしてもブレークします

Question

これはIE8の問題のようです。私は左に1つ浮かせるので、横に並んでいる2つのdivがあります。しかし、右側のdivの内容がウィンドウに対して大きすぎると、右側のdivはラインを分割して左のdivの下に入ります。両方のdivを同じレベルで横に並べるにはどうすればよいですか？ここで

はコードです：

CSS：

<style type="text/css"> 
    #left_div 
    { 
     float: left; 
     width: 250px; 
     height: 400px; 
     border: solid 1px red; 
    } 
    #right_div 
    { 
     width: 3000px; 
     border: solid 1px blue; 
    } 
</style> 

HTML：

<div id="left_div"> 
     text in left_div 
    </div> 
    <div id="right_div"> 
     text in right_div 
    </div> 

Answer 1

フロートを追加します。同様right_divに任さ。

Matthew James TaylorとそのPerfect 2 Column Left Menuで示されている例に類似している場合は、彼がそれをやっているかどうかを見てみてください。

---

IEは過去にも、それはこのように、まだ彼らが設定した特定の制限を持っていた本家のボックスのサイズを変更することができ、高さ分と幅分を意味するように、高さと幅を取ったという問題がありました。リストの中で最も数字が高いのはWebcredible's articleです。

Answer 2

right_divに少なくとも250px（left_divの幅）の左余白を追加することもできます。そうすれば、right_divの横にleft_divのスペースが常に存在します。

Answer 3

変更DOCTYPE：！（IE8が正しくWebページをレンダリングするためにそれを必要とする）

< DOCTYPE htmlのPUBLIC " - // W3C // DTD XHTML 1.0厳格// EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
<のhtmlのxmlns = "ます。http：// WW w.w3.org/1999/xhtml "のxml：langはエンGB " >

（私が編集した"空白とURLがそう忘れないでください=レモあなたに:)）