佈局問題與網站時，在兼容模式下

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

它並不像在茂盛的火狐版本好，但它可以讓你擺脫困境。

希望它有幫助