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

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似乎可以解决它。

Answer 2

总有FireBug Lite：

http://getfirebug.com/lite.html

它不如完整的Firefox版本好，但它可以让你走出困境。

希望有所帮助

Answer 3

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

Answer 4

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

对不起。实际上我想展示的插件是IE Tab。