Forum d'entraide PHPFrance

Bonjour,

J'utilise sur mon écran une résolution de 1280 px de largeur.
J'ai fixé la limite en largeur de ma page web à 900 px.
Celle-ci s'affiche bien au centre comme je le veux.
Pourtant malgré la propriété overflow: auto; la scrollbar horizontale s'affiche.

Code : Tout sélectionner

body {
overflow: auto;
}

div {
width: 900px;
margin: auto;
position: relative;
}

Si je place le overflow dans le div, ça marche mais le contenu du div disparait.
Si je sors le overflow du marqueur body cela marche la scrollbar disparait.
Mais ma page s'affiche alors complètement à gauche de l'écran.
J'ai beau cherché une solution je trouve rien pour l'instant.
Cela devrait fonctionner pourtant, je n'ai aucune erreur dans mon code html
qui est valide xhtml 1 strict. Merci pour votre aide.

Et si tu spécifiais une hauteur pour ta div ?

Humm... je vois pas bien l'intérêt d'un "overflow:auto" sur les balises body... c'est le comportement naturel du navigateur d'ajouter l'ascenseur quand le contenu déborde.. donc pour moi ça ne sert à rien et tu peux le virer..

Maintenant si l'ascenseur horizontal apparait alors que ton bloc ne fait que 900 et que ton navigateur est en plein écran, c'est à mon avis qu'il y a autre chose dans ton code qui provoque cela.
Le test est vite fait, colle une bordure ou une couleur à ton div, supprime son contenu et éventuellement ce qu'il y a autour, l'ascenseur devrait disparaitre. Tu peux procéder par étape et enlever petit à petit pour essayer de trouver quelle portion de code pose problème.

Sinon au pire, tu peux désactiver l'ascenseur horizontal de ta balise body :

Code : Tout sélectionner

body { overflow-x: hidden; }

Non ça ne change rien. Je débute le xhtml et css et j'ai un peu de mal.
J'ai aussi mis le overflow dans toutes les positions du body et du div
sans succès. Je ne comprends pas, il doit me manquer quelque chose
dans le code css.

Merci Ryle pour cette astuce d'afficher la bordure dans mon div. Cela m'a permis de trouver où était mon erreur. Il s'agissait d'un div enfant qui ne contenait qu'une image.
J'avais fixé la largeur et la hauteur de l'image dans ma page html avec un style (premiere erreur), et margin-top ainsi que margin-left dans mon css, mais j'avais oublié de donner le width de mon div (deuxieme erreur).
J'ai bien compris maintenant qu'un bloc div doit obligatoirement avoir
une valeur width, et une valeur height si besoin.

Encore merci à vous deux.

Forum d'entraide PHPFrance

Problème de scrollbar

Problème de scrollbar