ボディコンテンツdiv IE6での位置合わせの問題

Question

IE6で設計しているウェブサイトに問題があります。 IE7、IE8、IE9など、すべてのブラウザ（Firefox、Opera、Chrome、Safariなど）でうまく動作します。基本的にはトラブルシューティングを行い、ページの本体またはページの右側の本文列に追加されている25個の余分なピクセルがあることを発見しました（これらはdivの#body_boxまたはJS Fiddleの#right_boxです）。それらはインラインで表示されるべきですが、代わりに＃right_boxが重複し、#body_boxの下に表示され、右側に浮いています。

私が知っている方法は、div #Complete_Layoutを1025px（これは現在設定されている1000pxとは対照的に）に拡張し、IE6で動作したときです。私は1026pxと1024pxを試してみました。私は正確な背景画像の大きさをチェックして、2つのdivの幅（body_boxとright_box）をパーセンテージ（75％と25％）に変更しようとしましたが、同じ結果が得られました。私は他に何をしようと思っているのか分からない。

http://jsfiddle.net/cRcXq/

私がPHPでこれをやっているとbody_boxとright_boxのセクションでは、ファイルを（それが何かを変更するかどうかを知りません）が含まの一部であることに留意すべきです。私は、index.right.phpが始まるJSFiddleのHTMLにコメントを追加しました。助けてくれてありがとう。

Answer 1

これは、IE6と他のブラウザの間のよく知られている違いである悪名高い "IE 6 box model bug"のように見えます。本質的に、IE 6は、要素の幅と高さの一部としてパディングと境界線を数えますが、その時点からの他のブラウザは、新しいブラウザと同じモデルに従います。

真剣に、なぜ、IE 6用のウェブサイトを設計していますか？それは10年で安全ではなく、米国市場シェアは1％未満です。マイクロソフトhas put up a websiteは、IE 6から人を奪われることに専念しています.Office 2000、Mac OS 9、またはPHP 3用のコードは書かないので、なぜそれらの製品と同じ時期に人気のあるブラウザのコードを開発していますか？