Bonsoir,

Je cherche le bon bout de code pour demander à une image de prendre toute la largeur de page du device.

J’essaie avec
width: 100vh;
mais pour l’instant ça ne marche pas.

Merci de votre aide.
Modérateur
Salut,

vh c'est pour viewport height donc la hauteur. Tente avec vw (viewport width) ou juste width: 100%;
Oui, j’avais bien mis 100vw (erreur de saisie)
L’image s’agrandit bien comme ça, mais elle ne débute pas bien à gauche de la fenêtre. En effet, mon design est basé sur une largeur de 1200px, et centré.

Merci de toute aide.

//edit : j’ai reformulé ça comme ça : https://codepen.io/floown/pen/jOBapEp
Modifié par myself (31 May 2021 - 02:10)
Ca a l'air de fonctionner sur ton codepen. Peut être as tu besoin d'un
margin:0; padding:0;
pour éliminer d'éventuelles marges.
Modifié par kerlutinoec (31 May 2021 - 10:13)
@kerlutinoec : non, si je mets absolute comme positionnement, pour l’image, du coup je ne vois pas le paragraphe en dessous, et je ne peux pas utiliser l’ascenseur pour scroller.
J’ai mis en position relative à présent pour te montrer le problème.

Merci de ton intérêt.
Salut,
le souci c'est que ton image est contenue dans la div "container" qui, elle, est définie à 700px. Avec les margin en auto la div se positionne au centre. Ton image étant trop grande elle déborde mais seulement à droite.
Du coup il faut que tu mettes 100% à la largeur de ta div "container".

Si tu veux supprimer les petites marges tout autours de la page, tu devras ajouter à ton css :

body {
    padding: 0;
    margin: 0;
}

Modifié par Vahia (02 Jun 2021 - 07:57)