IE bug推送内容向下和向右 - 如何解决？

Question

IE6中的布局在图片中被破坏：

The site code

有人知道如何解决它吗？

由于

Answer 1

好吧，快速浏览一下代码：

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

IE6不支持高度：0 - 你可以使用行高来玩

其他对齐问题，我会将ie6特定样式放在那里并试着打破/修复它。

您可以在css中添加下划线，例如：

height: 100px; /* all browsers see thing */
_height: 200px; /* only ie6 sees this */

这有点hacky，但会帮助你找出你需要具备ie6特定风格的地方。希望这会有所帮助。

Answer 2

您可以使用firebug-lite来帮助您解决此问题。它适用于任何浏览器 - 你只需在你的html中添加一个javascript链接，你就会得到一个类似于firebug的界面来查看你的元素（以及它们的边距和填充）。它帮助我昨天在IE6上遇到了布局问题。