Discussion :

[charliejo]

Bonjour,
j'ai un div comprenant 2 autres div...je voudrais avoir une image de fond étiree qui se place sous les 2 div.
J'ai

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<div id="EntetePage">
		<div style="width=32%;float:left;">
			<img src="IMG/siteon1.gif" alt="" width="298" height="111" class="spip_logos" />
		</div>
		<div style="width=68%;float:left;">
		<p align=left><FONT SIZE=6><FONT COLOR="#BB0000">
		C’Nano Rhône-Alpes</FONT></FONT>
		<br>
		<FONT SIZE=3><b><FONT COLOR="#999999">Centre de comp&eacute;tences en nanosciences de la r&eacute;gion Rh&ocirc;ne-Alpes</font></b></font>
		</div>
</div>

Avec

Code :

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

1
2
3
4
5
6
div#EntetePage {
	background: url("../img/bandeau.jpg");
	position:relative;
	background-color: /*fond_titre*/ #fffefe ;
	border: 2px solid /*bordures*/ #bb0000 ;
	}

Or ici, mon bandeau se repète...je peux mettre no-repeat... mais l'image est alors à sa taille normale or je voudrais qu'elle sétire....
Comment je peux faire?
Merci

[c_s_s]

Bonjour,

Une image n'est pas extensible.
En CSS², tu ne peux pas l'étirer quand elle est en image de fond.

[charliejo]

un autre moyen alors.. en superposant des div???
merci

[c_s_s]

Tout dépend de ton image.
Si tu ne peux pas la répéter, et puisque tu ne peux pas l'étirer, tu peux donner une largeur fixe à ton bloc #EntetePage.

[Bisûnûrs]

http://www.developpez.net/forums/m1504991-2/

Mais selon la résolution de ton visiteur, ton image étirée sera d'une horreur incomparable.