2009-08-03 11 views
1

Nous avons commencé à tester notre site dans différents navigateurs et tous fonctionnent très bien, sauf Safari (Mac & windows).Safari: Ignorer beaucoup de CSS

Modifier: URL supprimée!

Sur notre page. L'image ne flotte pas correctement et le texte de la préface n'est pas en gras. Si j'ajoute

style="float: right;" 

et

style="font-weight: bold;" 

cela fonctionne dans Safari.

Le CSS pour ces éléments sont les suivants:

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

.articlepreface 
{ 
    font-weight: bold; 
} 

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

et cela fonctionne très bien dans tous les autres navigateurs que nous avons essayé.

Des idées pour lesquelles Safari se comporte comme ça? La page valide comme XHTML Strict 1.1

+0

semble également s'appliquer à Chrome. Lorsque vous utilisez inspect, les styles n'apparaissent pas dans la liste. – Tommy

+1

Il est préférable de placer les hacks IE6 dans une feuille de style séparée et d'utiliser des commentaires conditionnels dans la source (X) HTML pour l'inclure. –

Répondre

4

Le piratage IE6 que vous avez utilisé dans tine.css pose problème. La suppression du hack corrige à la fois le flottant et les problèmes en gras.

+0

oui, vous avez raison. Nous l'avons déplacé vers le bas et tout fonctionne. – Tommy

+0

@Tommy pour l'enregistrement quel était le piratage IE6 défectueux? – Knu

Questions connexes