960网格在Internet Explorer中左对齐

时间:2009-08-17 01:53:32

标签: 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>

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

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

2 个答案:

答案 0 :(得分:25)

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

答案 1 :(得分:2)

应该注意,DOCTYPE标签前面不能有任何内容。

例如,默认的Netbeans HTML模板在DOCTYPE之前有几行HTML注释,因此请务必删除它以使960.gs工作。