Forum : Image centrée

Je veux créer un conteneur div avec une image dedans.

Si je mets la div en position relatif et que je mets l'image en position absolute et qu'en plus, je donne à la div, une largeur/hauteur définie. Est-ce que les proportions de l'image vont s'ajuster en fonction de la div?<br>
Code HTML :

<div class="conteneur"><img src="image.jpg"></div>

Code CSS

.conteneur{
 position: relative;
 width: 500px;
 height: 400px;
}
img{
 position: absolute;
}

1 réponse

gl33web

Réponse acceptée

Bonjour,

il faut mettre l'image en 100% si tu veux qu'elle s'adapte à ta div.

.conteneur{
 position: relative;
 width: 50px;
 height: 40px;
}
img{
 position: absolute;
width: 100%;
}