兼容模式下的网站布局问题

Question

我注意到，与在 IE8 和 Firefox 中查看相比，在 IE8 中以兼容模式（假设这也意味着 IE7 和/或 IE6）查看时，网站的布局都被抬高了。由于该站点在 IE8 和 Firefox 中呈现良好，我猜这意味着我需要覆盖 IE6/IE7 的某些样式。有没有我可以使用的工具，比如 FireFox 中的 Firebug 来分析 IE 中的 CSS 设置是什么？

该网站[根据网站所有者的要求对链接进行了编辑]...

关于此处应专门针对哪些设置有任何想法吗？

编辑
刚刚在 IE8 中找到了开发人员工具...我注意到这个 CSS 设置似乎是罪魁祸首，但我不知道为什么。 “.three-columns”是应用于网站底部的类的名称。

HTML > BODY .three-columns
{
   height: auto;
}

Answer 1

您可以使用 IE8 开发者工具：

http://msdn.microsoft.com/en-gb/library/dd565628(VS.85).aspx

我建议从下面的链接下载 IE6 和 IE7 Virtual PC 映像，而不是依赖 IE8 的向后兼容模式：

http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en

为三列类设置一个 0px 的顶部似乎可以解决问题。

Answer 2

总会有 FireBug Lite：

http://getfirebug.com/lite.html

它不如成熟的 Firefox 版本，但它可以让你摆脱困境。

希望对你有帮助

Answer 3

使用 IE8 开发工具（按 F12 或工具 -> 开发工具）将允许您在任何模式下实时编辑页面。您可以像在 firebug 中一样添加新样式并禁用它们（尽管您不会获得流量嗅探/加载时间）。

Answer 4

有一个名为 IE View 的 FF 插件，但我不确定它如何与 Firebug 一起使用。

对不起。其实我想展示的插件就是这个IE Tab。