Couleur police diff entre IE et firefox

Fermé
tapswingandco - 23 sept. 2009 à 18:45
M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 - 24 sept. 2009 à 10:58
Bonjour,

Nous avons créer un site internet www.tapswingandco.fr (avec le logiciel TOWEB - hébergeur = OVH) avec FIREFOX.

Mais lorsqu'on regarde le site sous Internet Explorer il y a des différences de couleur de police de caractère sur la rubrique "ACCUEIL" :

Cela devrait être (comme c'est sous firefox) :

En bleu "cours" #26C4EC et "animations et spectacles" #26C4EC :
En bleu #26C4EC "L'Abus de danse est recommandé pour la santé !!! "
En rouge #FF0000 "Reprise des cours le Lundi 14 septembre" (phrase défilante)
En rouge "Si vous souhaitez être avertie(e)s de nos actualités, merci de saisir votre email (Pour les visiteurs ou Non Adhérents SEULEMENT)."

et c'est sous IE Internet Explorer : différences incompatibilités

En gris/noir "cours" et "animations et spectacles"
En gris/noir "L'Abus de danse est recommandé pour la santé !!! "
En vert "Reprise des cours le Lundi 14 septembre" (phrase défilante) et en plus cela rajoute un gros cadre blanc non désiré
En gris/noir "Si vous souhaitez être avertie(e)s de nos actualités, merci de saisir votre email (Pour les visiteurs ou Non Adhérents SEULEMENT)."

sur la rubrique "ASSOCIATION" :

Cela devrait être (comme c'est sous firefox) :

En orange " orange " "TAP SWING & CO"
En noir " black " "le texte de description de l'asso"

et c'est sous IE Internet Explorer : différences incompatibilités

En bleu "TAP SWING & CO"
En vert "le texte de description de l'asso"

sur la sous rubrique "BENEVOLAT" (de la rubrique ASSOCIATION) : différences de couleur également #26C4EC et "black"

sur la sous rubrique "STATUS" (de la rubrique ASSOCIATION) : différences de couleur également " orange "

sur la sous rubrique "REGLEMENT INTERIEUR" (de la rubrique ASSOCIATION) : différences de couleur également " orange"

sur la rubrique "LIENS" : les textes sont en gras alors que ne le sont pas sous Firefox

comment fait-on pour que les couleurs de police de caractères (+ le problème du carré blanc qui se met par dessus la phrase défilante) soient les mêmes sous IE et Firefox ?

Merci beaucoup d'avance pour votre aide.

Bien cordialement

Asso Tap Swing & Co Bordeaux
A voir également:

1 réponse

M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 74
24 sept. 2009 à 10:58
Bonjour,

Toutes ces différences sont dues à l'utilisation combiné des balises <font> et des styles CSS.

Là où IE applique le CSS de l'élément parent, Firefox applique les attributs de la balise <font>.

La méthode pour éviter ça:
N'utiliser que le CSS et proscrire toutes les balises <font>.

Si vous êtes à l'aise avec le développement, c'est assez aisé d'utiliser les classes et id pour appliquer les styles.
Pensez également à ajouter un doctype, cela améliorera la compatibilité entre les navigateurs.

Si vous êtes moins à l'aise, voici une méthode pour changer tout ça:
Dans le fichier HTML, changez les balises comme pour cet exemple:
<font color="#26c4ec" size="4" name="Papyrus"> L'Abus de danse est recommandé pour la santé !!!</font>
à changer en
<span style="color:#26c4ec; font-size:4px;" > L'Abus de danse est recommandé pour la santé !!!</span>


Cela devrait fonctionner avec cette méthode.
1