28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je me permets de poster ce message car j'ai besoin de votre aide Smiley smile

J'ai créé une div dans laquelle j'ai inséré une image (en dur, dans le html).
Cette div a une hauteur de 400 pixels (j'aimerais que cette hauteur reste inchangée quel que soit la taille de l'écran).

A l'image, j'ai appliqué object-fit: cover;

Lorsque que je diminue la taille de la fenêtre, l'image n'occupe plus 100% de la div (en hauteur). Avec object-fit: cover;, je pensais que l'image occuperait toute la place disponible dans la div.

Auriez-vous une piste à me donner pour obtenir le résultat souhaité ?

Le code est ici.

upload/1558352630-59717-capture-daeacran-2019-05-20-a.jpg

Lorsqu'on diminue la taille de la fenêtre :
upload/1558352653-59717-capture-daeacran-2019-05-20-a.jpg

Merci Smiley smile
Modifié par MickFR (20 May 2019 - 13:47)