Bonjour,

Je suis en train de créer mon blog sous wordpress.

Je dois créer un tableau très simple de 3 colonnes et 9 lignes, la dernière colonne étant fusionnée de la 2ème à la dernière ligne. Dans cette colonne, j'insère une image.

Sous tous les navigateurs, l'affichage se passe sans problème, mais IE8 a décidé de ne pas accepter le mix d'un rowspan et d'un img src! Car j'ai essayé de mettre du texte à la place de mon image, et là, IE8 ne pose pas de problème

J'en déduis donc que c'est bien l'intégration d'une image qui pose problème.

Constatez par vous-même avec IE8 et d'autres navigateurs http://www.musicfestivals.be/wordpre...-cafe/?lang=fr

Voici mon code: (je tiens à préciser que j'ai essayé avec et sans le tableau dans le tableau, et rien ne change)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<table class="background" style="margin-top: 7px;">
<tbody>
<tr>
<td style="border-bottom: 1px solid gray;" colspan="3">
<h3>Fiche d'identité</h3>
</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Début:</td>
<td valign="top">Vendredi 24.06.2011</td>
<td rowspan="10">
<table>
<tbody>
<tr>
<td valign="center"><a href="http://www.musicfestivals.be/wordpress/wp-content/plugins/random-image-gallery-with-fancy-zoom/random-gallery/couleurcafe.jpg"><img src="http://www.musicfestivals.be/wordpress/wp-content/plugins/random-image-gallery-with-fancy-zoom/random-gallery/couleurcafe.jpg" alt="" height="300px" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Fin:</td>
<td valign="top">Dimanche 26.06.2011</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Prix ticket 1 jour:</td>
<td valign="top"><strong>Prévente:</strong> 35€
<strong>Sur place:</strong> 43€</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Prix ticket combi:</td>
<td valign="top"><del><strong>Prévente:</strong> 78€</del> (soldout)
<strong>Combi + camping: </strong>91€</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Style musical:</td>
<td valign="top">Musiques du monde et urbaines</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Adresse:</td>
<td valign="top">Rue Picard 3, 1000 Bruxelles (Tour &amp; Taxis)</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Site web:</td>
<td valign="top"><a href="http://www.couleurcafe.org" target="_BLANK">http://www.couleurcafe.org</a></td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Contact:</td>
<td valign="top"><a href="mailto:festival@couleurcafe.org">festival@couleurcafe.org</a></td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top"></td>
<td>Région de BRUXELLES</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
Pourriez-vous m'aider svp?

Merci

Et apparemment, même problème sous IE9 et sous Firefox.

Il n'y a donc que sous Safari et Chrome que ça marche sans problème