I am just trying to center a div on the page. It works in chrome but in i.e. the div is still on the left:
开发者_Go百科<html>
<head></head>
<body>
<div id="container" style="margin:0 auto; width:200px;">
test
</div>
</body>
</html>
Everything I've read has said that to center a block element, simply add margin:0 auto
and specify a width, so I don't know why this isn't working.
I am testing on IE 7.0.5730
Your HTML snippet does not have a DOCTYPE
, so IE is defaulting to quirksmode.
Using the HTML5 doctype:
<!DOCTYPE HTML>
<html>
<head></head>
<body>
<div id="container" style="margin:0 auto; width:200px;">
test
</div>
</body>
</html>
another method would be to do this in your css, this way it works no matter if ie is in quirksmode or not:
body{text-align:center;}
#container{text-align: left;}
精彩评论