2009-08-17 72 views
9

我在網站上使用960.gs CSS框架,並且幾乎立即使用IE瀏覽器(7,儘管我認爲6並不是更好)會遇到問題。960在IE瀏覽器中左對齊網格

<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沒有任何問題,所以我覺得我必須做一些非常愚蠢的事情。誰能幫忙?

+0

如果可能,請將此問題的標題更改爲 - 「960度網格左對齊在Internet Explorer中」 這可以幫助其他人輕鬆找到解決的問題......乾杯! – foxybagga 2011-05-21 12:34:16

+0

@Pushpinder - 它被稱爲'960.gs(對於網格系統),並且如果你搜索「960gs左對齊在Internet Explorer中」,這已經是第三個結果了。 – nickf 2011-05-22 12:04:04

回答

25

您需要在您的HTML開頭包含一個DOCTYPE,否則CSS將無法在IE中正確顯示。您可以使用960包裝附帶的演示文件中的一個。

+2

謝謝! '<!DOCTYPE html>'完成了。奇怪,但是是真的。 – nickf 2009-08-17 02:32:20

+0

也爲我工作。謝謝! – 2010-02-26 14:26:57

+0

也在這裏工作。謝謝! – Justin 2010-04-20 17:33:20

2

應該指出的是,DOCTYPE標籤前面不能有任何東西。

例如,默認的Netbeans HTML模板在DOCTYPE之前有幾行HTML註釋,所以一定要刪除它以獲得960.gs的工作。

相關問題