當我加入DOCTYPE CSS問題
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
行我的HTML文件的頂部,我的CSS規則在Firefox中消失。我也看不到他們與螢火蟲。
你對這個問題有什麼想法嗎?
當我加入DOCTYPE CSS問題
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
行我的HTML文件的頂部,我的CSS規則在Firefox中消失。我也看不到他們與螢火蟲。
你對這個問題有什麼想法嗎?
您需要添加屬性到您的start-html標籤才能正確使用。這是因爲XHTML確實是XML。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
...
</body>
</html>
上面的代碼建議你在你的網站的根目錄下有style.css文件。
firefox正常顯示正確的CSS有或沒有html上的屬性 – Sotiris 2010-08-18 08:47:44
我認爲你是對的,你會以怪癖模式結束。這個CSS一定還有另一個問題。路徑?語法錯誤?我們需要看到更多的代碼才能知道這裏有什麼錯誤。 – 2010-08-18 08:55:21
確保文件由服務器使用正確的MIME類型發送(text/css
)。看看錯誤控制檯(IIRC菜單應該是英文版的Tools/Error Console)。
通常,如果文件以.css
結尾,這應該會自動發生,但是仍然存在配置錯誤的服務器。如果您使用的是Apache Web服務器,則可以使用.htaccess
文件更正此問題,否則您需要諮詢您的支持。
詳情:https://developer.mozilla.org/en/incorrect_mime_type_for_css_files
「是的你是對的,我看着錯誤日誌:錯誤:樣式表http://...../css/....css未加載,因爲它的MIME類型」text/html「是而不是「text/css」。源文件:http://...../....html「我會盡力解決這個問題,但我意識到在IE中也存在問題。我在設計中使用兩列布局,100%高度的兩格。但在IE瀏覽器中,它們顯示不正確。行:0 – penguru 2010-08-19 06:48:51
請檢查
http://www.w3schools.com/tags/tag_doctype.asp
我認爲你有DOCTYPE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
padding:0;
margin:0;
height:100%;
}
#wrap {
background:red;
height:100%;
overflow:hidden;
}
#right {
background:blue;
float:left;
width:30%;
height:100%;
}
#left {
background:yellow;
float:left;
width:70%;
height:100%;
}
</style>
</head>
<body>
<div id="wrap">
<div id="left"> Content </div>
<div id="right"> Side Content </div>
</div>
</body>
</html>
你可以鏈接到真實頁更多的想法? – 2010-08-18 08:37:02
你如何鏈接你的css文件? – Sotiris 2010-08-18 08:37:26