Chers tous,

J'ai un soucis de compatibilité de mes css entre IE et Firefox. Jusqu'ici, cela semble classique, et j'ai vu au moins une centaine de messages sur différents forums qui parlaient du même sujet.

Sauf que voilà: pour mon site, ce n'est pas IE qui m*rde, mais FF!

J'ai un style <p> tout ce qu'il y a de plus basique, avec une justification (text-align: justify;) et un retrait de première ligne à droite (text-indent: 40px;). Sous IE, aucun problème. Sous FF, pas de retrait et pas de justification.

J'ai passé ma CSS au crible du W3C validator, et il n'y a trouvé aucune erreur.

J'ai lu sur plusieurs forums qu'une solution était de faire deux feuilles de styles différentes, une pour IE et une pour FF, détectées par un script. Je n'ai rien contre cette option, mais en quoi les syntaxes d'une CSS pour IE et pour FF devraient elles différer?
Je n'ai pas de soucis avec la taille de police: c'est un peu plus gros sous IE, mais ça n'a pas grande importance. Je voudrais juste que Firefox applique mes styles!

Merci d'avance.

Ma CSS:


et le site en question: www.exlibrisdatabase.com/athala

Le mieux avec les problèmes de CSS, c'est de donner l'adresse exacte où le problème est rencontré, et une capture d'écran, annotée.

S'il s'agit de cette page, alors je ne vois pas de problème avec Firefox 3.0b5. La première ligne est bien indentée à gauche, et le texte est justifié.

Sur cette même page, je vois aussi un retrait et un texte justifié sous firefox 2.0.0.14.

Pareil ici, aucun soucis. Par contre, pour quelqu'un qui connait le validateur W3C et qui s'en sert comme reference, ton site lui n'est pas valide...

Bonjour à tous, merci pour vos réponses.

Je n'ai aucune explication sur le fait que Firefox applique convenablement ma CSS aujourd'hui. Ca passe correctement sur mon ordi aussi... Je n'y ai pas touché depuis que je vous ai laissé le message hier, et hier cela ne marchait pas (je vous jure!). Je ne comprends pas (mais comme ça marche, je ne me plains pas, hein ;o))



Oui, je sais, il y a encore pas mal de boulot (des conseils?). Pour ce qui est de la non-validité W3C de mon site, je vous avoue n'avoir pas acquis tous les réflexes pour le moment. Je sais que cela existe, je fais quelques efforts, mais c'est encore pour moi une question de discipline. Je vais tout passer au validator (c'est quand même bien pratique, cet outil!).

Ben moi j'ai ai une bonne d'explication : l'ancienne CSS était en cache ;)

Tu devrais installer la Webdevelopper Toolbar, c'est un Add-on pour Firefox. C'est très pratique et utile.

Oui, pour le cache c'est probable... J'ai un peu honte, là....

Je ne connais pas la toolbar pour FF. Je vais regarder ça.

J'ai fait des modifs pour que mon site soit à peu près conforme aux règles du W3C. Je ne dis pas que c'est parfait, il doit rester quelques soucis. Mais je crois que c'est déjà mieux.

PS/ J'ai eu, par contre, systématiquement des soucis avec mes balises hr, que ma doctype ne connait visiblement pas... Et comme je ne comprends pas grand chose aux doctypes, j'ai préféré tricher en transformant mes hr en images jpg (petit filet, et je joue sur la taille dans le code).

de ce que je vois c'est deja mieux qu'avant. Tu es passe des erreurs aux avertissements :D.
Tu devrais:

-retirer les elements "width", "border" et "cellspacing" des tableas et remplacer ca pour des classes CSS
-mettre l'attribut "summary" a tes tableaux
-et pour la premiere page, tu as un </i> sans <i> d'ouverture.

Apres pour ton probleme de <hr /> (ne pas oublier de fermer car c'est une balise unique) il faut que tu la places entre deux autres balises... <p>, <div> au choix (peut etre meme <span>)

bon courage