IE6/7 中的 CSS 问题

Question

我创建了一个 Wordpress child theme based on Thematic我目前正在尝试在 IE 6/7 中调试站点。我怀疑问题是 hasLayout，因为这似乎很常见并且症状是一致的，但是我已经检查了许多损坏的元素并向那些没有它们的元素添加了 hasLayout 属性，没有任何进展。

我确实在几个 CSS 类中设置了 z-index，现在我已经删除了它，我想知道你们是否对其他调试方法有其他建议。

站点是:http://032b4a6.netsolhost.com/WordPress/

我在这里发帖而不是 Wordpress 论坛，因为我相信我的问题更多地与标准 CSS 问题相关，而不是与 WP 相关的任何问题。

编辑:

详细说明我在 IE6/7 中遇到的错误类型:

标题是一个带有 css 背景属性的 anchor ，它向下推搜索框，造成很大的间隙。

导航显示时好像它下面有额外的 75 像素边距，造成另一个大间隙。

缺少右侧边栏。从左侧边栏下方的容器左侧勉强可以看到它。

左侧边栏似乎有额外的 15px 左边距，将其推到主要内容 div 上。

Answer 1

要检查 IE6/IE7 中的布局问题是否与 hasLayout 相关，有时我发现使用这样的规则进行调试很有用 - 它可能不是你想要在最终样式表中使用的东西(因为它可能会引入新问题)，但通常它可以揭示哪些元素需要布局:

* {
    zoom: 1 !important;
}