2009-08-03 87 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导致了问题。删除黑客修复了浮动和粗体问题。