IE6のレイアウトの問題 - 非常にシンプルにする必要があります

Question

私は自分自身のために簡単なHTML/CSSテンプレートを構築しています。これはhereで、IE6以外のすべてでうまくいきます。 IE6ではサイドバーが下に押し込まれ、IEが幅を正しくないとわかります。

#wrapper divの幅は940pxです。 #mainContent divの幅は730pxです #sidebar divの幅は209pxです。 = 939px

730px + 209px

私は、これらのdiv要素にパディング、マージン、またはボーダーを使用していない...ので、私はそれがボックスモデルの問題ではないと思います。

IE6が壊れている理由は誰でも知っていますか？私はIE7 Javascript Codeの修正を加えましたが、Adobe Browser LabとNetrendererがJavaScriptを拾わないので、残念ながら私はそれが動作するかどうかわかりません。

Firebugをポップアップしてtemplateをチェックアウトすると、間違っているものがすぐに見つかることがあります。

感謝トン、私は通常、IE6の下で問題を修正することを、すべてのオブジェクトの幅を設定し、明示的に示唆している

Answer 1

を参照してください：http://jsbin.com/itolaw/5

を私は#sidebarにfloat: leftを追加し、#mainContentからposition: relative。 IE7.jsも削除しました。

私はあなたの質問に記載されているように、IE NetRendererを使用してIE6でテストしました。

Answer 2

（オブジェクトの外側の幅がwidth + margin + paddingであることを忘れないでください、あなたが計算したときに所望の幅はそれを考慮に入れる）。

は、パディングを使用してと思われます。