Discussion :

[katcha95]

Salut à tous,

J'ai un gros soucis avec le CSS sur Firefox. Je développe un site, tous s'affiche bien comme il faut sur IE mais sur Firefox tous change, même les tailles des images avec des décalages de partout. Pourquoi Firefox ne parvient pas à interpréter le CSS de la même manière que IE ?, Existe t-il une solution à ce problème ?..

A+

[eckerdecker]

C'est marrant, en général c'est l'inverse qui se passe . Quoi qu'il en soit sans une adresse ou un peu de code HTML et CSS à se mettre sous la dent on ne pourra pas grand chose pour toi.

[Bisûnûrs]

Commence par mettre un DOCTYPE complet et valide à ton document (cf FAQ HTML), ensuite la mise en page par tableau est déconseillée, c'est un usage détourné des tableaux, il faut préférer la mise en forme par du CSS (cf cours CSS).

C'est marrant, en général c'est l'inverse qui se passe

Sauf quand on ne connait que IE, qu'on développe pour IE et qu'on se rend compte une fois le travail fini qu'il existe d'autres navigateurs.

[katcha95]

Les DOCTYPE's sont bien présents, et je connais très bien ces 2 navigateurs, c'est pour cela que je me soucie de la qualité de mon site sur les 2 browsers.
Ensuite je peux donner un simple exemple, je demande un margin-left de 25%, sur IE ca tombe bien dans la position ou je veux mais sur Firefox ,c'est complètement différent. J'ai tenté de travailler avec les px mais rien ne change.

[Bisûnûrs]

Les DOCTYPE's

"Les" ??!!


Et je remets la phrase de eckerdecker :

Quoi qu'il en soit sans une adresse ou un peu de code HTML et CSS à se mettre sous la dent on ne pourra pas grand chose pour toi.

[thelvin]

Tu pourrais nous montrer cette page avec son DOCTYPE bien présent ?

Quoi qu'il en soit, quand on fait du HTML et du CSS, il y a des différences notables entre :
- Ce que ça fait (résultat Firefox, Google Chrome, Safari, Opéra et bien d'autres)
- Ce que tu veux que ça fasse
- Ce qu'Internet Explorer en fait.

Mais bon, si on utilise correctement le DOCTYPE, du HTML valide, et un navigateur récent, le premier et le dernier cas se ressemblent beaucoup.

[katcha95]

Merci à tous, mais malheureusement je ne peux pas afficher mon code source pour des raisons pro, même si cela ne représente pas un truc de malade au niveau du code, ca dévoile comme même une partie du projet qui lui est protégé.
Si quelqu'un peux simplement m'expliquer comment s'y prendre pour que notre site soit compatible sur les 2 navigateurs, y'a t-il une norme CSS ?

[eckerdecker]

Oui il existe notamment des validateurs css, ils se basent sur les normes du w3c, en cherchant un peu tu en trouveras. Pas de codes = pas d'indications précises, si tu peux juste nous illustrer ton problème en nous mettant un version simplifiée du morceau qui pose problème (ton squelette globale si tu sens que le problème vient de là par exemple) ça sera quand même plus parlant.

Donc je me contenterai de te donner ma version d'une bonne intégration web :

1/ un bon doctype, tu les trouveras dans la faq comme l'a dit Bisûnûrs.
2/ un code html valide au possible
3/ un code css valide au possible
4/ coder en sorte que ça tourne sur Firefox, la plupart des autres navigateurs ne poseront guère de problèmes.
5/ adapter pour IE8 puis 7 puis 6 au besoin.

Avec un bon doctype et un code qui le respecte IE8 ne fera pas de manières, IE7 peut poser un peu plus de soucis mais souvent résolvable, IE6 peut quant à lui être beaucoup plus galère à faire plier et demandera souvent de lui donner des règles css spécifiques et parfois te faire revoir tout un bout de code