probleme de couleur de fond sous mozilla et pas sous IE

**soccernet** · 24/12/2004, 16h42

Salut a tous,

J'ai crée un menu vertical sur ma page web mais un probleme d'affichage apparait sous mozilla alors que tout se passe bien sous IE. En fait, le menu vertical a un fond bleu et les choix dans le menu sont ecrits en bleu avec un background jaune. Sous IE, le fond jaune des choix apparait mais pas sous Mozilla. Du coup tout est bleu sous Mozilla. J'espère que je suis clair et que vous pourrez m'aider. Merci d'avance

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<body bgcolor="#003366">
 <div align="center"><table>
 <tr>
 
 <td style="width: 150">
<div align="center">
<a href="javascript:go(1)" style="background-color: #FFFFCC; border: thin #33CCFF; width: 150; text-underline-position: inherit"><font color="#003366"><b><div align="center">Groupe </div></b></font></a><br>
<DIV ID="rubrique1" STYLE="position:relative"></DIV>
<br>
<a href="javascript:go(2)" style="background: #FFFFCC; border: thin #33CCFF; width: 150"><font color="#003366"><b><div align="center">Qui ?</div></b></font></a><br>
<DIV ID="rubrique2" STYLE="position:relative"></DIV>
<br>
<a href="javascript:go(3)" style="background: #FFFFCC; border: thin #33CCFF; width: 150"><font color="#003366"><b><div align="center">Que? </div></b></font></a><br>
<DIV ID="rubrique3" STYLE="position:relative"></DIV>
<br>
<a href="javascript:go(4)" style="background: #FFFFCC; border: thin #33CCFF; width: 150"><font color="#003366"><b><div align="center">Quoi ?</div></b></font></a><br>
 
</td></tr></table></div>
</BODY>

**gege2061** · 24/12/2004, 17h45

Salut,

Envoyé par soccernet

mais un probleme d'affichage apparait sous mozilla alors que tout se passe bien sous IE.

Peut être parce que seulement l'un des deux respect les standards du web

Commence par mettre tous les noms des balises en minuscule!

**soccernet** · 24/12/2004, 17h56

J'ai passé en minuscule mais ca ne fonctionne toujours pas. Merci en tout cas

**gege2061** · 24/12/2004, 18h52

Envoyé par soccernet

Merci en tout cas

Bah j'ai pas fait grand chose, ça ne marche toujours pas!
Je ne suis pas un expert en html (loin de là) mais peut être que la façon dont tu définie l'attribut style ne plait pas à Mozilla, essai comme dans la balise <body>.

**alexite** · 25/12/2004, 01h41

salut, c'est surement pas ça mais essaye de remplacer l'attribut CSS background par background-color...

Essaye de mettre le background-color dans un div ou span plutot que sur le "a"

**henry4** · 25/12/2004, 15h32

bjr

le centrage dans un tableau doir respecter certaines règles et je crois que ceci devrait marcher car chez moi ça roule

<body bgcolor="#003366">

<table align="center">
<tr>

<td style="width: 150">
<center>
<a href="javascript:go(1)" style="background-color: #FFFFCC; border: thin #33CCFF; width: 150; text-underline-position: inherit"><font color="#003366"><b>
Groupe </b></font></a><br>
</center>
<DIV ID="rubrique1" STYLE="position:relative"></DIV>
<center>
<br>
<a href="javascript:go(2)" style="background: #FFFFCC; border: thin #33CCFF; width: 150"><font color="#003366"><b>Qui
?</b></font></a><br>
</center>
<DIV ID="rubrique2" STYLE="position:relative"></DIV>
<center>
<br>
<a href="javascript:go(3)" style="background: #FFFFCC; border: thin #33CCFF; width: 150"><font color="#003366"><b>Que?
</b></font></a><br>
</center>
<DIV ID="rubrique3" STYLE="position:relative"></DIV>
<center>
<br>
<a href="javascript:go(4)" style="background: #FFFFCC; border: thin #33CCFF; width: 150"><font color="#003366"><b>Quoi
?</b></font></a><br>
</center>
</td></tr></table>
</BODY>

bon Noël
henry

**McPeter** · 25/12/2004, 18h19

Salut

Essayes tout simplement d'utiliser correctement les attributs CSS à savoir, toi tu as mi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

...<a href="javascript:go(2)" style="background: #FFFFCC;....

or il faut mettre : background-color, soit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

...<a href="javascript:go(2)" style="background-color: #FFFFCC;...

tu l'as pourtant bien précisé au début de ton code

@++

**soccernet** · 27/12/2004, 10h45

Ca marche maintenant. C t effectivement le probleme de centrage qu'a résolu Henry4. Merci pour votre aide

probleme de couleur de fond sous mozilla et pas sous IE

HTML

Discussions similaires

Partager

Partager