IE8 ne gère pas le rowspan + img src ?

[ishanshade]

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 :

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

[Bovino]

Ca doit être mes yeux, mais je ne constate pas de problème d'affichage sur FF4, IE9 et IE9 en mode navigateur IE8...

Ceci dit

Je dois créer un tableau très simple de 3 colonnes et 9 lignes

avec dans le code

Code :

<td rowspan="10">

est un peu incohérent, d'autant que la première ligne contient un colspan...

[Ceddoc]

J'ai testé sous IE7 et IE8 et je ne vois pas de problème non plus. Tu peux ré-expliquer ce qui te dérange ou faire un screenshot avec un schéma dessus?