身体内容div对齐问题在IE6中

Question

我在IE6上设计的网站存在对齐问题。它适用于所有浏览器（Firefox，Opera，Chrome，Safari等），包括IE7，IE8和IE9。基本上，我进行了故障排除，发现有25个额外的像素被添加到页面的主体或页面的右侧主体列（这些是在下面的JS小提琴中的div #body_box或#right_box）。它们应该以内联方式显示，而#right_box重叠显示在#body_box下方并浮动到右侧。

我知道这一点的方法是我将div #Complete_Layout扩展为1025px（而不是现在设置的1000px），那就是它在IE6中工作的时候。我尝试了1026px和1024px，它没有排队。我检查了背景图像的尺寸是否准确，我甚至试图将两个div（body_box和right_box）的宽度更改为百分比（75％和25％），但它给出了相同的结果。我不知道还有什么可以尝试。

http://jsfiddle.net/cRcXq/

应该注意的是，我在PHP中执行此操作，body_box和right_box部分是包含文件的一部分（不知道是否更改了任何内容）。我在index.right.php开始的地方添加了关于JSFiddle的HTML的注释。谢谢你的帮助。

Answer 1

这看起来像臭名昭着的“IE 6 box model bug”，这是IE 6与其他浏览器之间众所周知的差异。从本质上讲，IE 6将填充和边框计算为元素宽度和高度的一部分，但是那时的任何其他浏览器都遵循与新浏览器相同的模型。

但说真的，为什么要为IE 6设计一个网站？它已有十年历史，而且不安全，在美国的市场份额不到1％。 Microsoft has put up a website致力于让人们远离IE 6.您不会为Office 2000，Mac OS 9或PHP 3编写代码，那么为什么要为同时流行的浏览器开发代码？作为那些产品？