960 网格在 Internet Explorer 中左对齐答案

【问题标题】：960 Grid aligns left in Internet Explorer960 网格在 Internet Explorer 中左对齐
【发布时间】：2009-08-17 01:53:31
【问题描述】：

我在一个网站上使用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 没有任何问题，所以我想我一定是在做一些非常愚蠢的事情。有人可以帮忙吗？

【问题讨论】：

如果可能，请将此问题的标题更改为 -“960 度网格在 Internet Explorer 中向左对齐”这可以帮助其他人轻松找到这个已解决的问题...干杯！
@Pushpinder - 它被称为 '960.gs（用于网格系统），如果您搜索“960gs 在 Internet Explorer 中向左对齐”，这已经是第三个结果了。

标签： html css cross-browser 960.gs

【解决方案1】：

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

【讨论】：

谢谢！ <!DOCTYPE html> 就是这样。奇怪，但真实。
f****** IE。这让我发疯了。感谢您的提示：-D

【解决方案2】：

需要注意的是，DOCTYPE-tag前面不能有任何东西。

例如，默认的 Netbeans HTML 模板在 DOCTYPE 之前有几行 HTML cmets，因此请务必将其删除以使 960.gs 正常工作。

【讨论】：