Page 1 sur 1

Mon site dans firefox

Publié : 18 févr. 2006, 20:17
par yann123
Bonjour,

Mon site web ne s'affiche pas correctement dans firefox et je n'ai pas trouvé pourquoi, si quelqu'un peu m'aider?

Exemple: si vous regarder la page ci-dessous dans IE et Firefox la zone du haut appelé "promotions en cours" est décalée dans firefox mais bien affichée dans IE. je ne vois pas pourquoi, il y a cette différences

http://www.acheter-sur-internet.net/Ali ... rches.html

Merci

Publié : 18 févr. 2006, 20:52
par Benoit
Parce que ton document HTML est mal formé, les balises d'éléments de liste (LI) sont fermés automatiquement lorsque leurs balises parentes (B et FONT) le sont également, soit avant le texte qui est censé être contenu dedans.

Code : Tout sélectionner

<B><FONT COLOR="#0000FF" SIZE="-1" FACE="Tahoma,Verdana,Arial,Helvetica">
<LI></FONT></B><A HREF="http://www.cibleclick.com/cibles/clicks/symp.cfm?site_id=806321346&friend_id=440146356&banniere_id=26388"><B><FONT COLOR="#0000FF" SIZE="-1" FACE="Tahoma,Verdana,Arial,Helvetica">Telemarket:</FONT><FONT COLOR="#003333" SIZE="-1" FACE="Tahoma,Verdana,Arial,Helvetica"></FONT></B><FONT COLOR="#003333" SIZE="-1" FACE="Tahoma,Verdana,Arial,Helvetica"> 15 euros offert sur votre premiére commande. (jusqu’au 30/03/06)</FONT></A></LI>
Tu peux le voir facilement en comparant le code source de la page, et le code source tel qu'interprété par Firefox (sélectionne quelques éléments de la liste et choisis "Code source de la sélection" dans le menu contextuel).

Code : Tout sélectionner

<b><font color="#0000ff" face="Tahoma,Verdana,Arial,Helvetica" size="-1">
<li></li></font></b><a href="http://www.cibleclick.com/cibles/clicks/symp.cfm?site_id=806321346&friend_id=440146356&banniere_id=26388"><b><font color="#0000ff" face="Tahoma,Verdana,Arial,Helvetica" size="-1">Telemarket:</font><font color="#003333" face="Tahoma,Verdana,Arial,Helvetica" size="-1"></font></b><font color="#003333" face="Tahoma,Verdana,Arial,Helvetica" size="-1"> 15 euros offert sur votre premiére commande. (jusqu’au 30/03/06)</font></a>
Vois comme la balise LI se retrouve fermée prématurément et vide de tout contenu.

Bien évidemment, tout ce code généré par ton éditeur de pages Web ne sert à rien, il suffirait en fait d'écrire :

Code : Tout sélectionner

<li><a href="http://www.cibleclick.com/cibles/clicks/symp.cfm?site_id=806321346&friend_id=440146356&banniere_id=26388"><strong>Telemarket :</strong> 15 euros offert sur votre premiére commande. (jusqu’au 30/03/06)</a></li>
Et d'éventuellement ajouter les styles CSS correspondants pour colorier les éléments "strong" en bleu.

En résumé, le code utilisé n'est pas propre du tout et ne sera interprété de la même façon par aucun navigateur. Tu devrais soit apprendre à réaliser toi-même tes documents HTML, soit utiliser un éditeur visuel plus efficace. Par exemple on pourrait te recommander Nvu puisqu'on est sur Geckozone, mais il y en a d'autres, comme les dernières versions de Dreamweaver.