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

【问题标题】：Body Content div Alignment Problems In IE6IE6 中的正文内容 div 对齐问题
【发布时间】：2012-02-07 13:14:47
【问题描述】：

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

【问题讨论】：

标签： css html internet-explorer-6

【解决方案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 编写代码，那么为什么要为与那些几乎同时流行的浏览器开发代码产品？

【讨论】：

我猜你是对的。如果它是一个需要大量重新编码的完整错误（我不熟悉 IE 6 盒模型错误），那么我想我会留下它。每个其他页面都在该网站上工作。基本上我试图让一切尽可能兼容，而 Adobe Browser Lab 有 IE6 作为屏幕截图选项，所以我试图收紧一切。我不知道它的市场份额不到 1%！谢谢亚当。