Redimentionner une image pour qu’elle prenne toute la largeur fenêt

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)