html - 在兼容模式下网站布局问题

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 镜像，而不是依赖 IE8s 向后兼容模式:

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

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