2009-09-04 8 views
0

J'ai un site qui doit être entièrement autonome dans la fenêtre du navigateur, à savoir, l'utilisateur ne doit pas avoir à faire défiler vers le haut et vers le bas pour afficher les différentes parties du site. Le contenu trop long pour tenir dans le volet contenu est géré avec overflow: auto, qui fonctionne correctement.CSS: divs pleine taille afficher barres de défilement du navigateur

le problème, peu importe ce que j'essayer j'ai encore le problème suivant:

two sets of scrollbars http://www.wikiforall.net/bad_scrollbars.png

Alors beneaht le contenu qui remplit avec succès la fenêtre du navigateur, il semble y avoir un écart. Cet écart fait apparaître la barre de défilement verticale (et il semble y avoir un écart similaire sur le côté droit qui n'est pas aussi facile à voir). J'ai inspecté les éléments à l'aide de l'inspecteur d'éléments de Chrome et les étiquettes <html> couvrent seulement jusqu'à cet écart. Donc, je n'ai aucune idée d'où vient l'écart.

Les divs de page principale sont configurés avec position: absolute, avec gauche, droite, haut et bas tous mis à zéro. Ces divs ont également display: inline ensemble, et n'ont pas de marges ou de remplissage. Les étiquettes html et body ont le même style.

J'ai regardé autour pendant un jour ou deux mais rien que j'ai trouvé n'a fonctionné. Est-ce que quelqu'un sait comment supprimer ces barres de défilement?

Répondre

2

Vous pouvez toujours utiliser:

overflow: hidden; 

Pour masquer les barres de défilement.

+0

Ah, bien sûr! Cela a résolu mon problème, merci! –

Questions connexes