Barre de défilement du navigateur

Question

J'ai un site Web parfaitement centré.Le code CSS fonctionne bien.Le problème n’a pas vraiment à voir avec CSS.J'ai des en-têtes pour chaque page qui correspondent parfaitement.

Cependant, lorsque le contenu s'agrandit, Opera et FireFox affichent une barre de défilement à gauche afin que vous puissiez faire défiler jusqu'au contenu qui n'est pas à l'écran.Cela fait sauter mon site de quelques pixels vers la gauche.Les en-têtes ne sont donc plus parfaitement alignés.

IE a toujours une barre de défilement, donc le site ne saute jamais dans IE.

Quelqu'un connaît-il une solution JavaScript/CSS/HTML pour ce problème ?

Answer 1

j'utilise

html { overflow-y: scroll; }

Pour standardiser le comportement de la barre de défilement dans IE et FF

Answer 2

FWIW :j'utilise

html { height: 101%; }

pour forcer les barres de défilement à toujours apparaître dans Firefox.

Answer 3

Vous alignez-vous sur des largeurs en pourcentage ou des largeurs fixes ?Je suppose également que vous appliquez un arrière-plan au corps - j'ai moi-même eu ce problème.

Il sera beaucoup plus facile de vous aider si vous téléchargez la page afin que nous puissions voir le code source.

Answer 4

   #middle 
   {        
position: relative;
margin: 0px auto 0px auto;      
width: 1000px;  
max-width: 1000px;
}

est mon DIV centré

Answer 5

Eh bien, tu n'as pas besoin du position: relative; - ça devrait bien fonctionner sans ça.

je suppose que div a être 1000px large?Il serait encore beaucoup plus facile de répondre à cette question avec le site Web actuel.