Image extensible haut de page

Bonjour

je voudrais que mon image prenne la largeur de l'ecran

j' ai fait dans ma page:

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="imgLeft" width="510" height="150"></td>
<td class="imgMiddle" height="150"></td>
<td class="imgRight" width="484" height="150"></td>
</tr>
</table>


Puis dans ma feuille de style:


/* Image du header*/

.imgLeft {background-image:url(/images/header_left.png); background-repeat:no-repeat; }/*image gauche qui ne se repete pas*/

.imgMiddle {background-image:url(/images/header_middle.png); background-repeat:repeat-x; }/*image du centre qui se repetera s il le faut*/

.imgRight {background-image:url(/images/header_right.png); background-repeat:no-repeat; }/*image droite qui ne se repete pas*/


Cette solution ne marche pas,

Merci par avance

Evite d'utiliser les tableaux pour faire de la mise en page

Hello,

Les background en CSS ne sont pas étirables. Il faut utiliser une vraie image.

PS : merci de bien vouloir utiliser la balise [ code], comme convenu dans les règles, dans les messages qui le nécessitent.
Modifié par Raphael (24 Oct 2006 - 19:41)

Oui je peut mettre des boites et après est-ce que la solution sera différente?

Ok , ce que je voudrais c' est que l'image du milieu se repete en fonction des résolutions d'écran

Merci

Bon???
ça interresse pas grand montruc

Peux-tu mettre un exemple en ligne, et suivre le conseil que je t'ai donné à propos du code dans ton premier message ?