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中的布局:整个布局向左边浮动!

是否有这方面的知识?

EDIT: layout is valid; centering works in IE7 and 8 (but breaks in quirks)

EDIT here s how it looks in quirks mode alt text http://www.freeimagehosting.net/image.php?2646ed5285.png

Answer 1

你们需要申报一种手法。

任何种类都将如此。

(checked)

Answer 2

相反,这种争执毫无道理,只能举手脚,更复杂地混淆了IE6。

div#wrapper{width:900px; margin: 0 auto;}
div#header{width: 900px;}
div#sidebar{float:left; width: 300px;}
div#content{margin-left: 300px; width:600px;}
div#footer{width: 900px; clear:both;}

Answer 3

和加比语一样,一种模棱两可的陈词滥调。在你的文件顶端进行这项审判:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

友情链接