Décalage de la barre de défilement du navigateur
Question
Lorsque vous accédez à la page de mon site Web contenant du contenu supplémentaire, la barre de défilement apparaît à droite, mais il y a un décalage notable vers la gauche pour mon contenu. Vous le remarquez en cliquant sur accueil puis hébergement et retour sur mon site (www.ipalaces.org)
Comment puis-je rendre compte de la barre de défilement du navigateur sur mes pages? Puis-je faire en sorte que la barre de défilement soit toujours visible au moins?
Mon site Web est www.ipalaces.org . Faites-le moi savoir.
La solution
Augmentez votre taille à 101%… ceci forcera la barre de défilement à toujours apparaître.
body {height:101%}
Autres conseils
Cela dépend du navigateur.
body {
overflow-y: scroll;
overflow-x: scroll;
overflow: -moz-scrollbars-vertical;
}
Devrait forcer l'affichage des barres de défilement horizontale (overflow-x
) et verticale (overflow-y
). Bien que je me souvienne, Opera ne respecte parfois pas la déclaration, à moins que ce ne soit sur un élément compris entre <body>
(divs et autres).
Modifié en ce qui concerne les commentaires de @ wsanville et de @ BHare.
J'ai testé cela sur IE6, IE7, IE8, Firefox 3 et Chrome, et le moyen simple de garder une barre de défilement verticale toujours visible est tout simplement:
html { overflow-y: scroll; }
body {
overflow: scroll;
}
J'ai eu le même problème avec même le dernier Firefox (3.5). La fonction de débordement m'a sauvé la vie!
Cela semble bien fonctionner pour moi ...
html {
overflow-y: scroll;
}
Essayez ceci ... Je sais que c'est moche, mais c'est peut-être le seul moyen.
#force_scroll {
width: 1em;
position: absolute;
top: 0;
bottom: -0.1px;
z-index: -1;
}
Et quelque part dans votre code HTML (de préférence juste avant votre </body>
):
<div id="force_scroll"></div>