我试图以一个“边缘:自动”为中心的DIV。它可以正常使用Chrome和FF,但以下代码不会将DIV与IE集中在一起:
CSS
#container { margin:auto; width:950px; height:50px; background:#000; }
HTML
<div id="container"></div>
我究竟做错了什么?
谢谢,
乔尔
编辑(完整的HTML / CSS代码):
<html> <head> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.2.0/build/cssreset/reset-min.css"> <style> #container { margin: 0 auto; width:950px; height:50px; background:#000; } </style> </head> <body> <div id="container"></div> </body> </html>
解决方法
将其插入文档的顶部:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
或为html5:
<!DOCTYPE html>