Mozilla et IE interprètent différemment mes tableaux.
Citation :
< 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 :
Citation :
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...