内容在IE 7中被推下

时间:2011-03-15 06:27:02

标签: css css-float internet-explorer-7

我的网站在Firefox,IE 8和Chrome中看起来都不错。但是在IE 7中,中间内容被推倒了。 我不明白为什么,任何人都可以建议我如何解决这个问题?我试图左右浮动,但它不起作用。

任何帮助表示赞赏。提前谢谢!


大家好,我已经通过添加一些表来解决了这个问题。谢谢你的帮助!

2 个答案:

答案 0 :(得分:0)

也许它与doctype声明有关?这是关于它们的教程:

Right here

您可能想要阅读并尝试一下。也许这可以解决你的问题。

它也可能是CSS兼容性问题。看一下这个网页:

Here

它显示哪些CSS元素与IE 7和其他版本兼容。如果您使用的元素与IE 7不兼容,则可能是导致您麻烦的原因。

希望它有所帮助。

答案 1 :(得分:0)

看起来你的一些DIV上的margin-left:210px正在推动内容下降。尝试在样式表中指定以下类:

.head-nav,
.banner,
.sponsorslogo,
.wp_bannerize_sponsors,
#main{
float:left;
}

如果修复它,可能值得重新考虑设计的布局,将上述元素放在具有margin-left:210px然后float:left #header的DIV中在左侧并将其放在新DIV上方。

或者,如果您想要一个仅针对IE7故障的快速修复,您可以始终在仅IE7样式表中包含上述样式:

<!--[if IE 7]>
    <link href="css/ie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->