IE中的间距搞砸了(html / css问题)

时间:2012-02-24 11:55:58

标签: html css internet-explorer xhtml

对不起,我通常对HTML / CSS很好,但我坚持这个。

基本上,我有一个标题,下方有导航,然后是一个小空格,后面是网站内容的区域。它在Firefox中完美运行,但令人讨厌的是,在IE中,小空间变得非常大。降低indexbody类上margin-top的值可以解决IE的问题,但会消除Firefox的任何差距。

我的代码在这里。如果需要,我可以提供更多:)

提前感谢加载! :)

*代码已修改完毕:请参阅http://jsfiddle.net/eoJ1/PRjF7/http://www.joemarketeer.com/stackoverflow/index.html:)

再次感谢!抱歉,文字墙。

1 个答案:

答案 0 :(得分:1)

这是因为IE正在您的“导航”div上注册高度,而且您正在使用margin-top:90px来添加间距。而其他浏览器忽略了“导航”的高度,基本上只使用了margin-top:90px你的内容区域。

在具有浮点数的导航div上使用clearfix,然后在导航上使用“margin-bottom:30px”而不是内容区域上的“margin-top:”。