Question

div+css浏览器继续不兼容。请指点一下，谢谢

主要情况。文件在ie下正常，在ff.谷歌下面不正常。

css文件：
.center1{
width:100%;
height:56px;
background-image:url(1.gif);
background-repeat:no-repeat;
}
.maincontent{
width:100%;
height:300px;
float:left;
border:#D70000 1px solid;
}
.center2{
width:100%;
height:56px;
background-image:url(2.gif);
background-repeat:no-repeat;
}
.center3{
width:100%;
height:56px;
background-image:url(3.gif);
background-repeat:no-repeat;
}
.center4{
width:100%;
height:56px;
background-image:url(4.gif);
background-repeat:no-repeat;
}
.center5{
width:100%;
height:56px;
background-image:url(5.gif);
background-repeat:no-repeat;
}

文档内部：
<div class="center1"></div>
<div class="maincontent"></div>
<div class="center2"></div>
<div class="maincontent"></div>
<div class="center3"></div>
<div class="maincontent"></div>
<div class="center4"></div>
<div class="maincontent"></div>
<div class="center5"></div>
<div class="maincontent"></div>
请指点。不要再说IE6没人用了。那你是没有用。没有调研就说这样的话很不负责的。至少30%以上的人在用。

Answer 1

方法一：
.maincontent将里面的float:left;删除，因为你这里根本就不需要浮动；

方法二：
如果一定要浮动，可以在center1-5都添加一个clear:both;