DIV+CSS布局在IE6中的问题

显示全部楼层 · 2010-8-25 16:11:16

.left{
width:142px;
float:left;
}
.center{
margin-left:142px;
margin-right:166px;
}
.right{
float:right;
width:166px;
}

[img][/img]

其中，在IE6浏览器中图片会下沉到里右边“.right”div块的下方，这个怎么解决呢？急哦！谢谢哦！
当我在.center{display:inline;}后，问题是解决了，可是好像中间块在两个IE6\IE8下不在同一高度上。
以下两位的答案我都测试过了，呵呵，还是有问题的。

千问 · 2010-8-25 16:11:16

你那个.center{}里面的margin-right:166px可以不用，加个float：left。
[img][/img]

.clear{ clear:both; margin:0px; padding:0px;}

千问 · 2010-8-25 16:11:16

这个、因为 .center {margin-left:142px;
margin-right:166px;
float:left;}加个float:left;就可以了这个margin-right:166px;也可以不要.right{float:right;width:166px;mar

千问 · 2010-8-25 16:11:16

.center{margin-left:142px;margin-right:166px;}这个属性的数值可以适当减小如.center{margin-left:141px;margin-right:165px;}不行再减小的，还有margin-left和margin-right在ie6中是显示双倍数值的

千问 · 2010-8-25 16:11:16

把上面的那个几div放在一个大的div里面，要给里面的每一个div加上width；和height；再float:left;里面的div的总宽度不能大于外面的div的宽度哟！我看到你中间那个div加了margin；一还要加上它的宽度好！对了，在一些ie里面有时候是有像数差的哟！

千问 · 2010-8-25 16:11:16

首先，我把楼主代码拷到本地，你说的问题并没有在我的ie6下重现。。。其次，楼主就算要改display，也不应该改成inline，改成inline-block,虽然也不一定能解决楼主问题，但是绝对比inline更说得通。。。