Problème d'affichage des images sous IE

Version imprimable

Bonjour,

j'ai réalisé le graphisme d'un site que j'ai testé sous firefox. Je viens de m'apercevoir que sous IE les images ne s'affichaient pas !

En faite, il s'agit d'images que je mets en fond dans les lignes d'un tableau.

Je présente des infos dans un tableau de 3 lignes, chaque ligne ayant un fond différent. Voici une page modèle :

http://www.lyc-sand-domont.ac-versai...roviseur2.html

Avez vous une idée d'où peut venir cette incompatibilité ?

Merci

Le code :

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 width="600" align="center" cellspacing="0" bgcolor="#FFFFCC">
              <tr background="images_sq/600_haut_.gif">
                <td height="20" colspan="3" class="titre">&nbsp;</td>
              </tr>
              <tr background="images_sq/600_fond_.gif">
                <td width="203" height="170" class="texte"><div align="center">Le mot du proviseur<br>
                  Informations administratives<br>
                  Historique du lyc&eacute;e<br>
                  Plan du lyc&eacute;e<br>
                  Visite Virtuelle<br>
                  Le projet d'&eacute;tablissement<br>
                  Le calendrier<br>
                La charte informatique </div></td>
                <td width="209" class="texte"><p align="center">Pr&eacute;sentation du<br>
                  nouveau lyc&eacute;e</p>
                  <p align="center"><strong>Les ressources</strong><br>
                    Fili&egrave;re scientifique<br>
                    Fili&egrave;re litt&eacute;raire<br>
                    Fili&egrave;re technique<br>
                Section pro</p></td>
                <td width="166" class="texte"><div align="center">Les clubs<br>
                  Voyages et sorties<br>
                  Le FSE<br>
                  Le CVL<br>
                  L'Ekibar<br>
                L'Association Sportive</div></td>
              </tr>
              <tr background="images_sq/600_bas_.gif">
                <td height="22" colspan="3" class="texte">&nbsp;</td>
              </tr>
            </table>

26/05/2010, 15h22
vermine
Bonjour,

Essayez toujours en passant par les styles:
Code:

1 2 style="background-image:url('mon_image.gif')"
Mais IE gère les tableaux de manières différentes (selon les version, en plus) et il risque de reporter l'image sur chaque TD. Si c'est une image unie ou du genre, ça ira, sinon vous verrez votre image dans chaque cellule.
27/05/2010, 14h00
hebus_95

Merci pour votre réponse.

Bizarrement l'image ne se répète pas sous firefox quand je mets l'image en fond de cellule, enfin dans la balise TD même si dans dreamweaver elle est affichée plusieurs fois !!!

Je vais régler le problème autrement (en général je ne fais pas plusieurs colonnes comme c'est pour encadrer des données. Je peux faire un second tableau dedans mais ce n'est pas recommandé (mais la solution la plus basique).

Sinon votre méthode fonctionne même si ça ne s'affiche pas parfaitement, je vois sous IE le cadre. Dès que j'ai un peu de temps j'essaye de régler tout ça.

Merci beaucoup pour votre réponse.
27/05/2010, 14h21
vermine

Citation:

Envoyé par hebus_95

Bizarrement l'image ne se répète pas sous firefox quand je mets l'image en fond de cellule, enfin dans la balise TD même si dans dreamweaver elle est affichée plusieurs fois !!!

Oui, oui, c'est IE qui gère les choses bizarrement. ;)