css - 居中固定宽度布局在 IE6 中中断

Question

我一般都是用这个代码

div#wrapper{width:900px; margin: 0 auto;}

div#header{float:left; width: 900px;}

div#sidebar{float:left; width: 300px;}

div#content{float:left; width:600px;}

div#footer{float:left; width: 900px; clear:both;}

我有这个标记

<div id="wrapper">
 <div id="header"></div>
 <div id="sidebar"></div>
 <div id="content"></div>
 <div id="footer"></div>
</div>

布局在 IE6 中以某种方式中断:整个布局向左浮动!

有这方面的诀窍吗？

编辑: 布局有效；居中在 IE7 和 8 中有效(但会出现问题)

编辑 这是它在怪癖模式下的样子 alt text http://www.freeimagehosting.net/image.php?2646ed5285.png

Answer 1

您需要声明一个文档类型..

任何文档类型都可以..

(已检查)