我的网站在Firefox,IE 8和Chrome中看起来都不错。但是在IE 7中,中间内容被推倒了。 我不明白为什么,任何人都可以建议我如何解决这个问题?我试图左右浮动,但它不起作用。
任何帮助表示赞赏。提前谢谢!
大家好,我已经通过添加一些表来解决了这个问题。谢谢你的帮助!
答案 0 :(得分:0)
也许它与doctype声明有关?这是关于它们的教程:
您可能想要阅读并尝试一下。也许这可以解决你的问题。
它也可能是CSS兼容性问题。看一下这个网页:
它显示哪些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]-->