修復了一個圖像在IE中的差距

我已閱讀爲這個問題發佈的答案，並嘗試所有，但仍有差距。請參閱我在http://www.poolboy.ca/上工作的網站的鏈接。這是游泳池頂部和菜單欄之間的差距。請幫忙！修復了一個圖像在IE中的差距

2011-02-23 Lily

什麼版本的IE？ IE8沒有差距 – Spidy 2011-02-23 23:38:25

剛剛檢查和IE9確實 – JamesHalsall 2011-02-23 23:40:28

您的網頁是否進行了css重置？這可能有助於緩解瀏覽器的任何預設 – Spidy 2011-02-23 23:45:38

添加到您的CSS我不能承諾什麼，但是這將設置所有箱子有0像素保證金填充和默認邊境這是我無法捉摸關於IE，但它通常修復它

* { 
    padding: 0px; 
    margin: 0px; 
    border: 0px; 
}

2011-02-23 23:48:54

有一個這裏很容易修復。

您的文檔類型（第一行）是目前這樣的：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

這DOCTYPE在IE觸發Quirks Mode。

如果你改變你的doctype這樣：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

IE將在標準模式，而是和你的差距會奇蹟般地消失。

你可以，而不是僅僅使用HTML5的doctype，這更短：

<!DOCTYPE html>

2011-02-23 23:49:17 thirtydot

修復它！這讓我瘋狂，非常感謝 – Lily 2011-02-25 17:33:38

回答