IE9中心div块

时间:2011-07-04 19:06:24

标签: html css internet-explorer-9

有人可以告诉我如何使用IE9进行工作:

我试图让“中心”div出现在中心..它与ff和chrome一起工作正常,但我花了最后1个小时试图让它与IE9一起工作。它一直向左走!

使其工作的唯一方法是将text-align设置为父容器的中心。有人知道其他任何方式吗?更“适当”?

谢谢!

<html>
  <head>
    <style type="text/css">
      #center {
      width: 200px;
      border: 1px;
      margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <div id="center">
      Hello World!
    </div>
  </body>
</html>
</code>

2 个答案:

答案 0 :(得分:28)

IE因没有合适的doctypes而无法正常工作而臭名昭着。

尝试添加HTML5

<!DOCTYPE html>

答案 1 :(得分:1)

查看小提琴:http://jsfiddle.net/xavi3r/bGyPN/

尝试删除</code>它指的是什么?

<div id="center">
    Hello World
</div>

#center
{
     width:200px;
     margin:0 auto;
     border:1px solid #CCC; 
}