Image de fond qui ne fonctionne pas sur IE

**belgio** · 20/07/2009, 10h51

Voila, je commence a creer un site et j'ai des le debut un petit souci que je n'arrive pas a resoudre.

J'essaye de creer un tableau avec une image de fond simplement afin de pouvoir mettre du texte par dessus.

Le code fonctionne correctement quand j'ouvre ma page avec FIREFOX mais l'image ne s'affiche pas quand je l'ouvre avec IE

Voila le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table width="950" border="0" cellspacing="0" cellpadding="0" height="456">
  <tr background="LOGO-DSI.jpg"> 
    <td>&nbsp;</td>
  </tr>
</table>

Voila l'adresse de test : http://empiregoa.free.fr

Pouvez vous me dire ce qui cloche pour que ca s'affiche sur Internet Explorer 8

**RomainVALERI** · 20/07/2009, 12h17

La propriété background n'est pas standard (voir spécifs TR pour le constater de visu)

>>> passe par la propriété CSS classique plutot que d'utiliser cette propriété html non-standard (et qui, de surcroit, te fait mélanger le contenu et le mise en page, pratique considérée par beaucoup comme étant la moitié du chemin qui mène en enfer

)

**Deallyra** · 20/07/2009, 12h30

Autre chose.
Si tu souhaites faire de la mise en page, autant commencer proprement.

Actuellement, tu utilises un tableau. Les tableaux sont réservés à la présentation de données.
Les utiliser à des fins de mise en page est une très mauvaises chose, il y est préférable d'utiliser les divisions.

**tibotibo69** · 21/07/2009, 18h11

Et aussi faire une feuille de style séparée du code HTML.

Au lieu de ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table width="950" border="0" cellspacing="0" cellpadding="0" height="456">
  <tr background="LOGO-DSI.jpg"> 
    <td>&nbsp;</td>
  </tr>
</table>

Fais plutôt ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<html>
  <head>
    <link rel = "stylesheet" type = "text/css" href = "./feuille_de_style.css"
  </head>
  <body>
  Contenu de la page
  </body>
</html>

**popo** · 22/07/2009, 13h54

Si ton image doit se trouver derrière tout ton tableau essaie de la placer dans un div.

Dans ton CSS

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
div.test{
background-image : url("monimage.png");
background-position : center;
background-repeat : no-repeat;
}

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div class="test">
<table width="950" border="0" cellspacing="0" cellpadding="0" height="456">
  <tr> 
    <td>&nbsp;</td>
  </tr>
</table>
</div>

Image de fond qui ne fonctionne pas sur IE

HTML

Discussions similaires

Partager

Partager