views:

55

answers:

2

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:

<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

+6  A: 

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>
ajm
that was it..thanks!
hhj
+1  A: 

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;}
AraLA22