adapter taille image à une zone sans scrollbar
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:
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:
1
2
3
| <div id="content">
<img src="Images/ImagesWeb/fond.jpg" alt="image de fond non trouvée !" id="image-etendue">
</div> |
