[Tableau] Disposition sous IE

Bonjour,

Je souhaite créer un tableau avec une disposition particuliére :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<table border="1" width="350" align="center" cellspacing="0" cellpadding="5">
<tr><td></td><td></td><td></td></tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
</table>

Rendu :
http://img138.imageshack.us/img138/8...ormaliejz2.jpg

Jusqu'ici tout va bien ! :D

Par contre dés que j'ai un texte plus long à entrer (Le tableau a une taille variable car il est généré via PHP), les tailles de mes cellules changent (Seulement sous IE, Firefox prend tout bien en compte) ...

Un exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<table border="1" width="350" align="center" cellspacing="0" cellpadding="5">
<tr><td></td><td></td><td></td></tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">TexteTexteTexteTexteTexte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
</table>

Rendu :
http://img145.imageshack.us/img145/5...rreuriexc8.jpg

Quelqu'un aurait-il une idée de comment régler mon probléme ?

Merci d'avance. ;)

(un peu) Etrange car je n'ai pas eu ce problème...

Mais tu peux essayer en mettant une classe au <td> contenant du texte, par exemple:
Code:

1 2 3 4 5 6 7 8 9 <tr height="37"> <td colspan="2" class="texte">Texte</td><td width="50">Img</td> </tr> où .texte{ width:80%; }
Ce qui devrait régler ton problème.

Merci de ta réponse.

J'ai essayé ta proposition mais il y a toujours des décalages au niveau des cellules :(