CODEWITHSUNDEEP
cssinternet-explorerhtml
hhj
hhj

Reputation: 501

Why doesn't this html/css work in ie?

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

Upvotes: 0

Views: 114

Answers (2)

user361976
user361976

Reputation:

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

Upvotes: 1

ajm
ajm

Reputation: 20105

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>

Upvotes: 7

Related Questions