Hello,

J'ai un souci avec Firefox.
J'ai créé un tableau html qui fonctionne parfaitement sous Chrome et IE, mais pas sous Firefox.

C'est un tableau à 3 colonnes et 4 lignes, et la 3e colonne prend toute la hauteur des 4 lignes (d'où l'emploi du rowspan)
Voici le code (oui j'ai mis du CSS dans du HTML c'est moche :O ) :


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table style="border:none;" width=100%><tbody><tr>
   <td width=13% style="text-align:right; height:68px; vertical-align:bottom;">UNE IMAGE</td>
   <td width=36% style="padding-left:10px; padding-bottom:2px; vertical-align:bottom; font-size:28px; font-weight:bold;">BLABLA</td>
   <td width=50% style="text-align:center;" rowspan="5">UNE MAP GOOGLE (qui prend toute la hauteur du tableau)</td>
</tr><tr>
   <td style="text-align:right; height:50px; vertical-align:bottom;">UNE IMAGE</td>
   <td style="padding-left:10px; padding-bottom:2px; vertical-align:bottom; font-size:28px; font-weight:bold;">BLABLA</td>
</tr><tr>
   <td style="text-align:right; height:60px; vertical-align:bottom;">UNE IMAGE</td>
   <td style="padding-left:10px; padding-bottom:6px; vertical-align:bottom; font-size:22px; font-weight:bold;">BLABLA</td>
</tr><tr>
   <td style="text-align:right; height:40px; vertical-align:bottom;">UNE IMAGE</td>
   <td style="padding-left:10px; padding-bottom:6px; vertical-align:bottom; font-size:22px; font-weight:bold;">BLABLA</td>
</tr></tbody></table>


Comme résultat, sur Chrome et IE, ca fonctionne très bien, càd que ca donne :

UNE IMAGE___BLABLA___xxxxxxxxxxxx
UNE IMAGE___BLABLA___x__MAP___x
UNE IMAGE___BLABLA___x_GOOGLE_x
UNE IMAGE___BLABLA___xxxxxxxxxxxx

Mais sur Firefox ca donne :

_____________________xxxxxxxxxxxx
_____________________x__MAP___x
_____________________x_GOOGLE_x
UNE IMAGE___BLABLA___xxxxxxxxxxxx
UNE IMAGE___BLABLA_____________
UNE IMAGE___BLABLA_____________
UNE IMAGE___BLABLA_____________

Any idea ?
Merci d'avance !