Firefox 盒式黑客在Internet Explorer 8中不起作用

Firefox 盒式黑客在Internet Explorer 8中不起作用,firefox,internet-explorer-8,google-chrome,css,Firefox,Internet Explorer 8,Google Chrome,Css,我有两个嵌套的s,应该都有400像素高。侧边栏div在Chrome和Firefox中显示正确,但在internetexplorer8中,由于internetexplorer8的盒子模型很糟糕,我很难将它设置得足够宽和足够高 我曾尝试使用box model hack来修复它,但它似乎没有任何作用,所以我将其删除。我尝试在侧边栏上使用固定宽度Internet Explorer hack,计算容器div宽度880的19%是168像素+左右填充的20像素=188像素,但这似乎没有改变任何东西,它在Int

我有两个嵌套的s,应该都有400像素高。侧边栏div在Chrome和Firefox中显示正确,但在internetexplorer8中,由于internetexplorer8的盒子模型很糟糕,我很难将它设置得足够宽和足够高

我曾尝试使用box model hack来修复它,但它似乎没有任何作用,所以我将其删除。我尝试在侧边栏上使用固定宽度Internet Explorer hack,计算容器div宽度880的19%是168像素+左右填充的20像素=188像素,但这似乎没有改变任何东西,它在Internet Explorer中的大小相同

如何使此网页在Internet Explorer中的外观与在Firefox和Chrome中的相同?我是这个盒子模型黑客的初学者

可以在此处找到源代码:


此外,在Internet Explorer中,顶部菜单不够宽,标题不够高。我还没有尝试修复这个问题,但是侧边栏的修复可以应用于那些吗?

如果使用严格的doctype,在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,在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">
这基本上只是一种受过教育的预感,但试着改变它,看看问题是否解决了