Bonjour,

J'essaye de coder un petit site web en HTML/CSS mais étant débutant ce n'est pas facile.

Le problème c'est lorsque je redimensionne la fenêtre du navigateur web la page se déforme comme ceci:

Hors j'aimerais que lors du redimensionnement une scroll barre apparaisse en bas de l'écran comme sur pcastuce :

Comme puis-je faire ?

merci

Il suffit de fixer la largeur de la page : si la fenêtre du navigateur est trop petite pour la contenir, la barre de défilement horizontale va apparaître...

Ok

Dans mon css j'ai mis dans la balise body :

body {
height: 100%;
margin-left:15%;
margin-right:14%;
width: 100%; /*fixer la largeur de la page*/

}

mais ça ne marche pas.

merci

Tu l'as mise à 100%, donc elle occupe 100% de la surface disponible. Par fixer, je voulais dire lui donner une largeur fixe : 980px, par exemple.

,

en complément à ce que Elle propose,

si tu gardes width=100%, tu peux rajouter min-width=980px pour définir une largeur minimale.

Cordialement.

C'est ok. J'ai rajouté min-width:1024px dans body.

Merci à vous 2

qsdwxc a écrit :

J'ai rajouté min-width:1024px dans body.

Tu devrais mettre un peu moins, faut tenir compte de l'espace occupé par la barre de défilement verticale si tu ne veux pas avoir une barre de défilement horizontale en permanence pour les définitions en 1024.

ok j'ai mis 980px

Merci Elle

N'oublie pas de marquer ton sujet comme résolu...