[Résolu] Div Background extensible

Bonjour,

Je bloque sur un problème assez simple. J'ai un div de largeur fixe mais de hauteur variable en fonction du contenu. Je place une image d'arrière plan sur cette div, et j'aimerais que l'image s'étende en hauteur selon la taille de la div.

Attention, il ne s'agit pas de mettre un "repeat-y", je ne veux pas que l'image se répète, je voudrais qu'elle se déforme pour occuper toute la hauteur de la div.

Est-ce possible ?

Merci
Modifié par jiber2fr (11 Nov 2007 - 14:18)

Ce que tu demandes est impossible via la propriété background. On pourra par contre contourner le problème grâce aux positionnements:

[b][#black]XHTML[/#][/b]

<div id="conteneur">
	
	<div id="contenu">
		
		<p>Lorem ipsum dolor sit amet…</p>		
		
	</div>
	
	<img id="fond" src="fond.png" alt="" />
	
</div>



[b][#black]CSS[/#][/b]

#conteneur,#contenu {position:relative}
#conteneur {width:760px; margin:0 auto;}
#contenu {z-index:1;}
#fond {position:absolute; width:100%; top:0; bottom:0;}

Merci pour cette idée, je n'y avais pas pensé.

Je vais m'en inspirer, par contre le "top:0px; bottom:0px;" je vais essayer de le remplacer par autre chose, car IE6 a beaucoup de mal avec ça.

Merci !