[Résolu] Etirer en largeur une image de fond (selon la résolution)

Bonjour,

Je dois intégrer un site dont l'image de fond est une image de type wallpaper.
Cette image dois être bien géré sur les principaux navigateurs (IE6, IE7, FF, Safari et Opéra) et avec toutes les résolutions d'écrans.

J'aurais aimé que background-width existe. Mais c'est pas le cas !
La seule solution que j'ai trouvé pour le moment c'est de superposer des div avec z-index.

<div style="width:100%; height:100%; left:0px; top:0px; position: absolute; z-index: 0;">
  	<img src="fond_site.jpg" style="width: 100%; height: 100%;" />
</div>

<div style="z-index: 1; position: absolute; text-align:center;">
Hello world !
</div>

Ca marche bien sous FF, Safari, et Opéra... Mais forcément avec IE 6 & 7, ça ne fonctionne pas. En fait sur le coté droit du navigateur j'ai un trou d'une vingtaine de pixels (avec ma couleur de fond).
Comme sur ce site IE représente 95% du traffic, je ne peux pas l'ignorer !

Avez vous une solution ? Ou sinon, une piste a exploiter...
Modifié par kruder (01 Feb 2008 - 17:13)

je suis pas spécialiste de la chose.

mais ce trou ne peut-il pas être comblé par un margin:0 padding:0 sur body et html?

Vous n'êtes peut être pas un specialiste de la chose... mais vous m'avez résolu mon problème et je vous en remercie.

Enfin, n'étant pas au taf jai seulement pu tester sous IE5. Mais bon, si ça marche sur IE5, ça doit aussi fonctionner sur le 6 et 7. (Je confirmerai ça demain...)

Merci encore !

Je confirme la compatibilité avec IE 6 et 7 lorsqu'on rajoute un margin:0 à la balise body.