1. 爱易网页
  2. HTML教程
  3. 三列布局在IE6下无法居中,该如何解决

三列布局在IE6下无法居中,该如何解决

日期：2014-05-17　 浏览次数：20663 次

三列布局在IE6下无法居中
为这个问题改了好多天，
css主要代码如下：
*{ margin:0px; padding:0px; border:0px;}
body,html{margin:0px; padding:0px; text-align:center; background-image:url(images/bg_long.jpg); background-attachment:fixed;}
#header{ height:240px; width:1000px; margin:0px auto;}
#divall{ width:1000px; margin:0px auto; height:1000px;}
#left{ float:left; width:200px; border:#FF6600 dotted 1px; _margin-right:-3px;}
#center{float:left; border:#FF6600 dotted 1px;_margin-right:-3px;}
#right{ float:right; width:200px; border:#FF6600 dotted 1px; _margin-left:-3px;}


html主要代码如下：

<body>
<div id="heade"></div>
<div id="divall">
<div id="left"></div>
<div id="right"></div>
<div id="center"></div>
</div>
</body>
我是把左右中三列 包在diavall块中的，其中id="left"，id="right"，id="center"里还有div的float浮动，

显示的情况是在ie6下#center跑到#left和#right的下方了,就是换行了，在ie8、ie9等其他浏览器下正常的，左中右同一行并排。望各位高手指点，不盛感激！


------解决方案--------------------

#divall{ width:1000px; margin:0px auto; height:1000px; clear:both;}
#left{ float:left; width:198px; border:#FF6600 dotted 1px; }
#center{float:left; width:598px; border:#FF6600 dotted 1px; }
#right{ float:right; width:198px; border:#FF6600 dotted 1px; }

相关资料更多>

  1. 在.NET版没得到答案,到CSS版来请问下大家
  2. 提升网页翻开速度的适用方法
  3. div中的span怎么表达colspan=2
  4. ie6不起作用，form表单提交后，类似转发了一上，不其做用，请指点
  5. HTML5跟以前的区别
  6. CSS基础2
  7. Jquery容易入门到精通细节 - （十六）Jquery HTML之“获取并设置 CSS 类”
  8. 编辑flash播放的宽度和高度导致不能播放的有关问题
  9. 关于<select> option 数据源,该如何解决