Table sous firefox

Version imprimable

Table sous firefox

J'ai un problème avec l'affichage d'une table sous firefox.

J'ai un menu encadré par 4 bordure qui sont des images gif.
Le code est :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0"> <TR> <TD COLSPAN="3"><IMG SRC="bordertop.gif"></TD> </TR> <TR> <TD><IMG SRC="borderleft.gif"></TD> <TD BGCOLOR="#4B0000" VALIGN="top"> <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0"> <TR><TD HEIGHT="15"></TD></TR> <TR><TD><IMG SRC="menu_presentation.gif" BORDER="0"></TD></TR> <TR><TD HEIGHT="15"></TD></TR> </TABLE> </TD> <TD><IMG SRC="borderright.gif"></TD> </TR> <TR> <TD COLSPAN="3"><IMG SRC="borderbottom.gif"></TD> </TR> </TABLE>
Sous IE, tout est bon, les marges sont enlevées, le cadrage est bon.
Sous firefox, au niveau des 2 bordures (haut et bas), c'est décalé et un ruban noir (j'ai un fond de page noir) sépare l'image de bordure du haut avec le reste du menu, de même pour le bas mais pas pour les 2 bordures du cotés.
Quelqu'un à t'il une solution en utilisant les tableaux ?

19/09/2005, 13h16
KiLVaiDeN

Je pense qu'il faut que tu précises un "height='1'" pour ton TD et ton image, ça devrait mieux fonctionner :)
19/09/2005, 13h36
Rekiem

ca réduit l'image de la bordure mais il ya toujours le meme ecart

J'ai essayé en mettant une position absolute sur les bordures du haut et du bas. Ca réduit l'espace et maintenant il reste un espace eb haut et un en bas pour les bordures gauches et droites (elles provoquent donc bien un espace contrairement à ma première idée). Ca ne marche pas en les mettant en position absolute les 2 bordures. j'ai remarqué qu'entre les lignes de mon menu, l'espace entre ligne sous IE est plus petit que sous mozilla et ainsi sous mozilla, les 2 bordures ne sont pas assez longues pour refermet le bloc.

y'a t'il un moyen pour définir pour IE et Mozilla, les même taille de bordures entre tr d'un tableau à l'origine ?
19/09/2005, 14h05
fred777888999

Enleve les espaces d'indentation entre tes balises TD et TABLE, idem au niveau de la fermeture. ff y voit un espace et applique alors une hauteur egale a celle de la taille de ton texte courante, alors que ie ne les interprete pas. Pour voir si tu as des problemes dus a ces espaces d'indentation, change la taille de ta police (menu affichage), si ton affichage bouge, c'est du a ces espaces non voulus a 99%.
++
Fred.

Ce que Fred veut dire c'est remplacer :

Code:

1
2
3
4
5
6
7
<TD  BGCOLOR="#4B0000" VALIGN="top">
   <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
   <TR><TD HEIGHT="15"></TD></TR>
   <TR><TD><IMG SRC="menu_presentation.gif" BORDER="0"></TD></TR>
   <TR><TD HEIGHT="15"></TD></TR>
   </TABLE>
</TD>

Par :

Code:

1
2
3
4
5
<TD  BGCOLOR="#4B0000" VALIGN="top"><TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
   <TR><TD HEIGHT="15"></TD></TR>
   <TR><TD><IMG SRC="menu_presentation.gif" BORDER="0"></TD></TR>
   <TR><TD HEIGHT="15"></TD></TR>
   </TABLE></TD>

Ca me parrait une bonne explication du problème que tu rencontres, mais honnêtement je trouve ce comportement anormal :cry:

19/09/2005, 14h23
etarip

de mémoire firefox ne prends pas l'attibut valign ... j'ai eu le meme probleme