对不起,我通常对HTML / CSS很好,但我坚持这个。
基本上,我有一个标题,下方有导航,然后是一个小空格,后面是网站内容的区域。它在Firefox中完美运行,但令人讨厌的是,在IE中,小空间变得非常大。降低indexbody类上margin-top的值可以解决IE的问题,但会消除Firefox的任何差距。
我的代码在这里。如果需要,我可以提供更多:)
提前感谢加载! :)
*代码已修改完毕:请参阅http://jsfiddle.net/eoJ1/PRjF7/或http://www.joemarketeer.com/stackoverflow/index.html:)
再次感谢!抱歉,文字墙。
答案 0 :(得分:1)
这是因为IE正在您的“导航”div上注册高度,而且您正在使用margin-top:90px来添加间距。而其他浏览器忽略了“导航”的高度,基本上只使用了margin-top:90px你的内容区域。
在具有浮点数的导航div上使用clearfix,然后在导航上使用“margin-bottom:30px”而不是内容区域上的“margin-top:”。