IE6中的正文内容div对齐问题

Question

我在IE6上设计的网站存在对齐问题。 它在包括IE7，IE8和IE9在内的所有浏览器（Firefox，Opera，Chrome，Safari等）中都可以正常运行。 基本上，我进行了故障排除，发现页面的主体或页面的右主体列中添加了25个额外的像素（这些像素是下面的JS小提琴中的divs #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部分是包含文件的一部分（不知道是否会发生任何变化）。 我在JSFiddle的HTML上添加了index.right.php起始位置的注释。 谢谢您的帮助。

Answer 1

这看起来像臭名昭著的“ IE 6盒模型错误 ”，这是IE 6与当时其他浏览器之间的众所周知的区别。 实质上，IE 6将填充和边框视为元素的宽度和高度的一部分，但是从那时起，任何其他浏览器都采用与较新的浏览器相同的模型。

认真地说，为什么要为IE 6设计一个网站？ 它已有10年历史，而且没有安全保障，在美国的市场份额还不到1％。 微软已经建立了一个致力于使人们摆脱IE 6 的网站 。您不会为Office 2000，Mac OS 9或PHP 3编写代码，所以为什么要为同时流行的浏览器开发代码？作为那些产品？