我有两个嵌套的div，它们都应该是400像素高。侧边栏div在Chrome和Firefox中正确显示，但在Internet Explorer 8中，由于Internet Explorer的搞砸盒型号，我无法让它足够宽和足够高。
我尝试使用盒子模型修复它，但它似乎没有做任何事情，所以我删除了它。我试图通过计算880（#container div的宽度）的19％（它是168像素+左边和右边填充的20个像素= 188像素）在边栏Internet Explorer黑客上使用固定宽度，但这似乎没有改变任何东西，它在Internet Explorer中的大小相同。
如何让这个网页在Internet Explorer中看起来与在Firefox和Chrome中看起来一样？我是这个盒子模型黑客的初学者。
源代码可在此处找到：http://68.82.27.200/alienscientist/。
此外，在Internet Explorer中，顶部菜单不够宽，标题不够高。我还没有尝试解决这个问题，但可以将侧边栏的修复程序应用于那些吗？
答案 0 :(得分：4)
如果使用严格的doctype，则Box模型问题不应成为IE8 中的问题。我可以看到你已经宣布了一个严格的，但是你的html顶部的一些问题可能会取消这个：
<!-- BEGIN HTML HEADER -->
<!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">
这主要是受过教育的预感，但请尝试更改它，看看问题是否已解决。