IE6 CSS问题

Question

我升级了一个我一直在开发的网站 (http://barsannapolis.com) 到CSS布局，大部分都看起来很好。 在Firefox、Chrome、IE 7和Safari中正确渲染，但是在IE 6中设计似乎完全失败了。 有人能指导如何解决这些问题吗？也许有些简单的东西我忽略了？

此外，是否有任何IE工具可以方便地实时编辑CSS，像Firebug一样？

- jcnnghm

Answer 1

positioniseverything.net 是你的好帮手。由于我早已离开了那个世界（感谢上帝！），我并不羡慕你，但问题通常是双倍填充，尤其是如果你的浮动框没有对齐（“掉落”）。

你可以在样式表中使用 width:30px; _width: 20px; 来欺骗 IE6，在末尾的规则中，_ 规则是你想要做出的 IE6 “调整”。这适用于所有规则，全面解决问题。

但每当我遇到问题时，通常都是由于水平双倍填充，这会让 IE6 中的浮动 div 出现问题。

祝你好运。就像我说的，我一点也不羡慕你。IE6 是必须根除的灾难。

- John Dunagan

---

最好使用IE6条件注释“<!--[if IE 6]>...<![endif]-->”来引入IE6特定的样式表，这样就不会在“真正”的样式表中混杂IE6的无用信息。 - mu is too short

Answer 2

你可以尝试使用Internet Explorer开发者工具栏来帮助你追踪与CSS相关的问题。 Internet Explorer开发者工具栏。

- MattF

Answer 3

在IE中没有像Firebug这样的工具，虽然IE6和CSS存在一些“常见问题”，但事实上每个网站都是不同的，需要大量尝试和错误。

老实说，如果使用IE6的用户少于20％（请通过Google Analytics检查），我不会支持它。我的意思是，IE7已经发布了多年，IE8随时都会发布，即使Gmail也声明不支持IE6，所以...我不会太担心。

- DFectuoso

Answer 4

在这种情况下，另一个有用的工具是XRAY书签小工具，尽管您可能需要将URL粘贴到IE6地址栏中。

- Mr Plough

Answer 5

如果你遇到了双倍浮动边距的问题，你可以尝试将display: inline;应用于导致问题的浮动元素。这样可以防止出现bug，并且不需要为IE分配不同的宽度。

- Paul D. Waite