为什么我的页面无法在Internet Explorer 6中正确显示？

Question

我创建了一个包含一系列div的简单页面。在所有现代浏览器中，它看起来很好，但在Internet Explorer 6中，它崩溃了。我不知道是什么导致它发生。

您可以在此处查看该页面：IE 6 Test Page

如果您安装了IE6，我在页面上包含了Firebug Lite JS文件，因此只需单击右下角的firebug图标即可检查元素。

这是使用Browserlab在Firefox和IE6中查看页面的屏幕截图：Comparison Screenshot

名为'content'的第3个div（使用Manager Email字段）将所有内容移动到右侧，强制下一个div到下一行。此外，没有任何行div尽可能地达到（见Comparison Screenshot）

我做了一些研究，发现IE6中存在一些使用浮点数的问题，我在这里使用，但我不确定如何修复它。

为什么我的页面无法在Internet Explorer 6中正确显示？更好的是，我该如何解决？ ：）

Answer 1

看起来第三个div没有正确清除浮动。或许给每个row div设置样式clear: both

Answer 2

你真的需要支持IE6吗？如今，即使微软也是fighting it，除了中国之外，市场份额开始变得无关紧要。

Answer 3

“IE6中不起作用”和“IE6中看起来不完美”之间存在差异。

正如已经说过的那样，IE6的市场份额很低且持续下降 - 大多数发达国家的市场份额都低于2％（各国统计数据见http://gs.statcounter.com/）。

鉴于这些统计数据，我会说如果IE6中的页面可用那么你的工作就完成了。 IE6用户现在习惯于网页看起来很糟糕。许多热门网站在浏览器中根本不起作用，因此有一些布局故障的网站根本不会进行相位调整。他们仍然会使用该网站。

如果它实际上被打破到无法使用的地步那么这是一个不同的故事;在这种情况下，你需要考虑那些少数IE6用户对你的重要性与完成工作所需的时间，并相应地进行修复，但这里没有看到这种情况：页面似乎上班。它看起来有点不对劲，但它确实有效。