Bonjour,
Une zone de ma page contient du texte et des images. Lors du redimensionnement de la fenêtre, les scrollbar hor. et vert. apparaissent : c'est normal et souhaité.
J'ajoute une image de fond dans cette zone et j'ai fait en sorte qu"elle s'agrandisse pour remplir cette zone. L'image étant plus large que haute, elle s'adapte en hauteur et dépasse en largeur ce qui fait qu'une scrollbar horizontal apparait d'emblée: logique mais pas souhaité.
Comment faire (si c'est possible) pour que cette image de fond ne provoque pas l'apparition de la scrollbar ?
Merci

ci-dessous les code css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#image-etendue {
	position 	: absolute; 
    height 		: 100%;
	top 		: 0;
	z-index		: -1;
}
 
/* content : partie centrale */
#content
{
	position		: fixed;
	border-bottom   : 2px solid #dedede;
	top 			: 111px;
	left			: 180px;
	margin			: auto;
	bottom			: 37px;
	right			: 10px;
	overflow		: auto;
}
et l'html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<div id="content"> 
	<img src="Images/ImagesWeb/fond.jpg" alt="image de fond non trouvée !" id="image-etendue"> 
</div>