箱模型黑客無法在Internet Explorer 8中工作

我有兩個嵌套div s應該都是400像素高。側欄div在Chrome和Firefox中正確顯示，但在Internet Explorer 8中，由於Internet Explorer的虛擬機箱模型，我無法將其足夠寬和足夠高。箱模型黑客無法在Internet Explorer 8中工作

我試過使用盒子模型hack修復它，但它似乎沒有做任何事情，所以我刪除它。我試圖在側欄Internet Explorer hack上使用固定寬度來計算880（#container div的寬度）的19％（它是168像素+左右填充像素的20像素= 188像素），但這似乎沒有改變任何東西，它在Internet Explorer中的大小相同。

如何使此網頁在Internet Explorer中看起來與在Firefox和Chrome中一樣？我是這個黑盒子模型的初學者。

源代碼可以在這裏找到：http://68.82.27.200/alienscientist/。

此外，在Internet Explorer中，頂層菜單不夠寬，並且標頭不夠高。我還沒有試圖解決這個問題，但是側邊欄的修補程序可以應用於那些？

來源

2010-01-12 Alex C

如果您使用嚴格的文檔類型，則Box Model問題不應該成爲IE8 中的問題。我可以看到你已經聲明瞭嚴格，但在你的HTML頂部的幾個問題，可以取消此：

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" class="webkit safari safari4 mac">

我認爲DOCTYPE線應在頂部，而不是評論。你錯過了html節點上的xml：lang和lang屬性，它們也不應該有一個類（把這些類放在body上）。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

這大多隻是一個受過教育的預感，但嘗試改變它，看看問題是否得到解決。

來源

2010-01-12 09:11:53

神聖的綠豆，路西法！有效！謝謝！！！ – 2010-01-12 09:30:32

你能把它標記爲接受的答案嗎？謝謝！ – 2010-01-12 09:34:44

完成。對不起，有點新的stackoverflow哈哈。 – 2010-01-12 09:36:52

箱模型黑客無法在Internet Explorer 8中工作

回答

相關問題