2009-08-03 103 views
1

我們已經開始在不同的瀏覽器上測試我們的網站,並且所有這些工作都很好,除了Safari(Mac &窗口)。Safari瀏覽器:忽略很多CSS

編輯:刪除網址!

在我們的頁面上。圖像不能正確浮動,並且前言文本不是粗體。如果我添加

style="float: right;" 

style="font-weight: bold;" 

它工作在Safari。

這些元素的CSS是:

.articleimage 
{ 
    float: right; 
    padding-left: 10px; 
    padding-bottom: 10px; 
} 

.articlepreface 
{ 
    font-weight: bold; 
} 

.articlebody 
{ 
    margin-top: 10px; 
    margin-bottom: 10px; 
} 

,這工作正常,我們已經嘗試了所有其他的瀏覽器。

Safari的行爲如何?頁面驗證爲XHTML嚴格1.1

+0

似乎這也適用於Chrome。使用inspect時,樣式不會顯示在列表中 – Tommy 2009-08-03 11:27:08

+1

您最好將IE6 hack放在單獨的樣式表中,並在(X)HTML源代碼中使用條件註釋來包含它。 – 2009-08-10 15:37:24

回答

4

在tine.css中使用的IE6 hack導致了問題。刪除黑客修復了浮動和粗體問題。