2009-02-21 5 views
0

Je suis tombé sur une drôle de bizarrerie. Le site Web que je construis pour Escondido Arts Gallery a tout son texte dans chaque élément aligné à gauche dans Firefox et IE, mais pour une raison quelconque, tout est aligné dans le centre de Safari. Y a-t-il un simple correctif css ou html que je peux faire pour résoudre ce problème, ou vais-je devoir 'text-aligner: left' chaque élément?Safari centre le texte sur mon site web quand Firefox, IE l'aligne à gauche. Facile à résoudre?

Répondre

1

Il y a quelque chose qui cloche avec le CSS (ou il y a une balise html non fermée). La propriété d'alignement du centre doit être en cascade depuis un autre élément car non seulement safari/chrome (qui utilise également webkit) mais aussi l'opéra qui montre le centre des choses aligné, et les deux safari/chrome et opéra sont plus conformes aux normes que ie et même firefox .

+0

oui, ça vient du ... – jeroen

1
* { text-align: left; } 

Si les choses sont en cascade correctement ce devrait théoriquement être suffisant:

html, body { text-align: left; } 
+0

Greyfade, merci beaucoup. Muhammad l'a eu sur place (j'avais l'étiquette de corps centrée) mais cette correction était très utile! – Brian

1

Cela dépend pourquoi il est aligné à gauche. Si ce sont simplement les navigateurs qui appliquent différentes valeurs par défaut, vous pouvez faire comme dit greyfade pour que tous les tags soient alignés à gauche dans tous les navigateurs. Si le problème est des bogues dans les implémentations CSS des navigateurs, alors vous devrez peut-être découvrir pourquoi les navigateurs sont en désaccord, et trouver une solution de contournement à cela.

Spécifier un doctype strict plutôt que transitoire peut également aider à obtenir un comportement plus uniforme des navigateurs (et soyons honnêtes ici, pouvons-nous vraiment prétendre être encore en train de "passer" à HTML4.01 ou XHTML1.0? sont sortis depuis près d'une décennie.)

3

Pas de surprise là:

<body tracingsrc="../../non assets/web2.jpg" tracingopacity="30" align="center"> 

Il suffit de se débarrasser des attributs de propriété (align = "centre" en particulier), et votre problème est résolu.