960网格在Internet Explorer中左对齐

nic*_*ckf 9 html css cross-browser 960.gs

我在一个网站上使用了960.gs CSS框架,并且几乎可以立即用IE来解决问题(7,虽然我认为6不是更好).

<html>
<head>
    <link rel="stylesheet" href="design/reset.css" />
    <link rel="stylesheet" href="design/960.css" />
    <link rel="stylesheet" href="design/text.css" />
</head>
<body>
    <div class="container_12">abc</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

鉴于上面的HTML(CSS只是与960捆绑在一起的文件),Firefox和Chrome将网格集中在一起,而IE将其推向左侧.

我之前使用过960而没有任何问题,所以我认为我必须做一些非常愚蠢的事情.有人可以帮忙吗?

gre*_*ama 25

您需要在HTML的开头包含DOCTYPE,否则CSS将无法在IE中正确显示.您可以使用960软件包附带的演示文件中的一个.

  • 谢谢!`<!DOCTYPE html>`就这么做了.奇怪但真实. (2认同)