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 est plus important, Opera et FireFox affichent une barre de défilement sur la gauche, ce qui vous permet de faire défiler le contenu pour qu'il n'apparaisse pas à l'écran. Cela fait sauter mon site de quelques pixels vers la gauche. Ainsi, les en-têtes ne sont plus parfaitement alignés.

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

Est-ce que quelqu'un connaît une solution JavaScript/CSS/HTML pour ce problème?

Answer 1

J'utilise

html { overflow-y: scroll; } 

Pour normaliser le comportement scrollbar dans IE et FF

Answer 2

Êtes-vous en alignement avec des largeurs en pourcentage ou des largeurs fixes? Je suppose aussi 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 cependant.

Answer 3

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

est mon DIV centrée

Answer 4

Eh bien, vous n'avez pas besoin position: relative; - il devrait fonctionner très bien sans elle.

Je suppose que a pour être 1000px large? Il serait encore beaucoup plus facile d'y répondre avec le site Web actuel.

Answer 5

FWIW: J'utilise

html { height: 101%; } 

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