布局问题与网站时，在兼容模式下

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

把0像素的顶部为三列级似乎解决它。

Answer 2

有一个叫 IE View 一个FF插件，但我不能确定这是如何工作与萤火虫。

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

Answer 3

使用IE8的开发工具（按F12或工具 - >开发工具），可以让你在任何模式下的实时编辑页面。您可以添加新的风格和禁用它们就像萤火虫（虽然你没有得到的流量嗅探/加载时间虽然）。

Answer 4

总是有萤火精简版：

http://getfirebug.com/lite.html

它并不像在茂盛的火狐版本好，但它可以让你摆脱困境。

希望它有帮助