2012-08-31 44 views
0

我敢肯定,這個標題已被用於很多次之前在這裏的一些問題。如果你看看the site並在Chome,Saffari,Firefox等瀏覽它,我在IE瀏覽器中使用CSS樣式遇到了一些困難。一切工作都很完美。CSS代理奇怪的Internet Explorer中

但在IE瀏覽器中,你看到的東西..混亂..(丟失的話)。

有人會知道爲什麼會發生這種情況嗎?如果你看到源頭,你會發現可能導致這種情況的東西嗎?我認爲這與float值有關,但我不是100%確定的。

+5

有史以來最熱鬧的標題。 – Shmiddty

+0

您應該使用列表'ul或ol'作爲菜單。你應該避免使用換行符'
'到空間元素。對於文本塊,請使用段落標記'

'。內聯CSS是一種不好的做法。我可以繼續...... – Shmiddty

+0

它看起來像內聯的CSS只是腳本生成的東西,所以你很好。 – Shmiddty

回答

4

您的網頁無效。您可以在W3C.org上驗證您的網頁 文檔沒有文檔類型,所以通常的瀏覽器應該不知道它是什麼。 之後,檢查你的風格 - 也許IE不知道你的規則。

<!DOCTYPE html>在哪裏? ...結帳HTML5 Boilerplate項目,W3C和html5test.com/css2test.com 那裏你會找到你的答案。

+0

....我簡直不敢相信。在doctype中添加工作...這是愚蠢的! Aaaargh! IE ....感謝iegik,你不知道我多麼感謝你的幫助! – Tiwaz89

1

在您的網頁,在最高層,你有

<!-- 
Author:  Dean Grobler 
Date:  2012/08/29 
--> 

現在,這將引發IE9爲Quirks模式。刪除這個,看看會發生什麼。

+0

刪除文檔頂部的註釋。問題仍然存在,看不到任何變化:-( – Tiwaz89

+0

我仍然可以看到評論 –

+0

沒有修復現場的評論,在我的本地機器上測試過它 – Tiwaz89

1

應用

<!DOCTYPE html> 
<head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
</head> 
      **OR** 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

這解決我在IE問題,希望這有助於..

0

您可以使用此代碼,並創建一個IE的CSS costum(把這個頭標記)

<!--[if IE 9 ]> 
      <link rel="stylesheet" type="text/css" href="IE9fix.css" /> 
     <![endif]--> 

    <!--[if IE 8 ]> 
      <link rel="stylesheet" type="text/css" href="IE8fix.css" /> 
     <![endif]--> 
<!--[if IE 7 ]> 
      <link rel="stylesheet" type="text/css" href="IE7fix.css" /> 
     <![endif]-->