鉻和IEE之間奇怪的css差異

我正在做一個joomla16框架中的網站，使用修改後的beez5模板。我從IE獲得一個奇怪的結果。 Chrome按預期顯示站點，但是IEE添加了我無法在任何地方找到的填充。我一直在使用IE瀏覽器開發工具與Chrome瀏覽器元素檢查器來查找這種差異，但無處可查。鉻和IEE之間奇怪的css差異

該網站是http://85.233.235.109/joomla16/

任何幫助或建議將欣然讚賞。

編輯：

我與IE 8.0測試（7601）

UPDATE：

我似乎找到了在IE開發工具的東西。使用佈局窗格可以獲取不同元素的計算大小。

div id =「header-image」的尺寸爲1050x137, ，而a class =「logo」和img class =「logo」的尺寸均爲1050x134。

這將佔3像素線，但我不知道它在哪裏產生。

來源

2011-07-06 Ashes

Internet Explorer通常被稱爲「IE」，而不是「IEE」。另外，你用什麼版本的IE測試過？ – Spudley

看來我已經找到了解決方案，儘管這很奇怪。通過設置div id =「header-image」的高度爲固定的134像素（ header-image {height：134px;}）問題已解決，並且結果在IE和Chrome中相同。但是，我不知道爲什麼IE沒有輸入絕對高度時，在元素中添加了4個像素的差異。 – Ashes

做得好找到解決方案。聽起來像你可能只需要寫下這一個，就像「這些奇怪的IE怪癖之一」。有很多。 – Spudley

看來我找到了解決方案，儘管它很奇怪。

通過將div id =「header-image」的高度設置爲固定的134像素（header-image {height：134px;}），問題得以解決，IE和Chrome中的結果相同。

但是，我不知道爲什麼IE在元素中添加了4個像素的差異，當沒有輸入絕對高度時。

來源

2011-07-19 14:19:42 Ashes

這只是一個猜測：IE可能會運行您的網站在quirks模式，它模擬IE6的行爲。要禁用怪癖模式，您必須指定正確的文檔類型。例如，HTML5的正確文檔類型是：

<!DOCTYPE HTML>

來源

2011-07-06 12:10:23

鏈接的頁面確實有文檔類型，因此它不應該處於怪癖模式。 – Spudley

Doctype被指定爲<！DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Transitional // EN」「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」> – Ashes

鉻和IEE之間奇怪的css差異

回答

相關問題