2011-01-11 214 views
3

我正在一個網站(www.eticket24.at),並且必須爲頁眉和頁腳創建一個外部CSS。Internet Explorer的外部CSS問題

如果我查看標題,例如,單獨在Firefox中轉到www.eticket24.at/header.php,它看起來很好 - CSS就在那裏,它的樣式應該是它的樣子。但是,在IE8中,如果我這樣做,風格已經完全消失了。它在索引頁面上工作,但不是當我單獨查看它時。

我正在使用link rel="stylesheet" href="http://www.eticket24.at/et24_header.css將CSS包含在header.php頁面的頂部。我的footer.php頁面也一樣。

那麼,Internet Explorer的問題是什麼這個時間?它爲什麼不行爲?

謝謝。

+0

您將樣式表包含在`body`標籤中?! – ifaour 2011-01-11 14:28:24

+0

我將樣式表包含在body標籤中,因爲我需要文件獨立另一家公司可以安全地鏈接到單獨的header.php文件,用css樣式完成。 – user571373 2011-01-11 23:14:31

+0

header.php包含在正確的網站上正常工作,因爲它被插入到一個有效的html文檔中header.php本身不是一個有效的html文檔,但Firefox自動糾正這一點,並撕毀作爲一個,IE瀏覽器沒有。如果未來的客戶想要使用它,他們只需要將頭文件包含在有效的html文檔中。 – Refugee 2011-01-11 23:32:47

回答

1

這是因爲當你自己瀏覽標題時,Firefox將更正不完整的標記,並使頁面成爲有效的html文檔和<html><body>...</body></html>標記。

IE不會這樣做,所以樣式將不會被應用,因爲它不知道在無效頁面上這樣做。

這也是爲什麼該頁面在實況網站上看起來正確。

1

您的鏈接位於頁面正文內部...嘗試將其放入<head />部分。還要將type="text/css"添加到<rel />標記。

1

header.php不會返回一個完整的HTML頁面,所以也許Internet Explorer就是這樣做的。即使Firefox呈現它,我也不認爲你可能會期望所有瀏覽器都這樣做。

如上所述,您可能希望將<link>標籤移動到<head>標籤,因爲它們不適用於<body>

0

我在.php文件裏面包含了所有的css文件,而不是鏈接它們,並且改變了一些div名稱(從to到,因爲之前div的css樣式被其他公司的css樣式覆蓋,所以我不得不創建我自己獨特的div名稱,而不是標準的HTML5名稱