Problème entre Mozilla et IE [HTML/CSS] - HTML/CSS - Programmation
Marsh Posté le 23-01-2005 à 07:06:42
ReplyMarsh Posté le 23-01-2005 à 15:01:32
Re,
Je pense que cela vient des styles AVANT les br (menu_down_right par ex) en ajoutant font-size:0px; cela devrait calmer IE
Marsh Posté le 24-01-2005 à 11:28:31
Avec un code source pareil, normal que ça s'affiche bizarrement selon les navigateurs.
Et si tu enlevais tous ces tableaux et balises <font> ?
Marsh Posté le 22-01-2005 à 12:37:08
Mozilla et IE interprètent différemment mes tableaux.
< table width="170" border="0" cellpadding="0" cellspacing="0" summary="">
< tr>
< td width="44">< /td>
< td>< div id="menu_up_left">< /div>< /td>
< td class="menu_up_middle2">< font class="font1">< b>Texte...< /b>< /font>< /td>
< td>< div id="menu_up_right">< /div>< /td>
< td width="62">< /td>
< /tr>
< tr>
< td width="44"> < /td>
< td class="menu_middle_left" width="8">< /td>
< td class="menu_middle_middle" width="146">
< font face="verdana" size="1">
Texte...
< /font>
< /td>
< td class="menu_middle_right" width="8">< /td>
< td width="62"> < /td>
< /tr>
< tr>
< td width="44">< /td>
< td>< div id="menu_down_left">< /div>< /td>
< td>< div id="menu_down_middle2">< /div>< /td>
< td>< div id="menu_down_right">< /div>< /td>
< td width="62">< /td>
< /tr>
< /table> < br>
Ce code est répété plusieurs fois à la suite.
Avec Mozilla, les tableaux sont espacés par un saut de ligne (normal, j'ai mis un < br> à la fin), alors que sous IE, il y a deux sauts de ligne (et si j'enlève le < br>, il n'y en a plus qu'un). Le problème c'est que sans passer par les CSS (avec des < td background...>, etc.), le résultat est le même pour IE et Mozilla (donc ça fonctionne correctement).
Voici un morceau du fichier CSS :
div#menu_down_right {
background-image: url(images/noir/menu_down_right.gif);
background-repeat: no-repeat;
width: 8px;
height: 4px;
}
TD.menu_up_middle {
background-image: url(images/noir/menu_up_middle.gif);
width: 250px;
}
Si au lieu du saut de ligne je crée une nouvelle ligne au tableau (<tr></tr> ), le problème est identique.
Merci...