El problema
Tengo algún amigo quisquilloso que tiene un problema con el centrado perfecto de su página web.
En Internet Explorer siempre hay una barra de scroll vertical independientemente de la cantidad de información de la página; y en Opera, Firefox y demás navegadores basados en Gecko, la barra de scroll aparece sólo cuando es necesaria, es decir, cuando la información desaparece por el fondo de la ventana. La aparición y desaparición de esa barra provoca que el centrado de una capa que contenga la página se desplace los 16 píxeles que ocupa.
La solución
Una solución a este problema (si se puede llamar problema) es forzar la aparición de la barra de scroll vertical mediante estilos.
Lo obvio sería poner overflow: scroll, pero esto hace que aparezca también la horrible barra de scroll horizontal. Mejor es utilizar este otro:
html { min-height: 100%; margin-bottom: 1px; }
Lo que hace que todas las páginas sean como mínimo 1 píxel mayor que el área de navegaciòn, y por tanto, aparecerá siempre una barra de scroll vertical.
Esta solución no la he probado personalmente, la he leído en Getting Rid the Page Shift, en inglés, la cual, trata este asunto con mayor profundidad.
Yo soy el amigo quisquilloso [guiño] y aprovecho para confirmar que la solución planteada funciona perfectamente siempre y cuando no te moleste tener siempre esa barra de scroll a la derecha...
Un saludo!
Vaya, muchas gracias jefe, porque yo tengo exactamente el mismo problema con una web en este momento y me preguntaba cómo solucionarlo de la forma menos dolorosa posible :-)
También, en lugar de overflow, podés usar overflow-y. :)
me ha funcionado mejor el overflow-y, por que lo queria poner en un divm de la otra forma no podia.. gracias ^^
Si lo que quiero es que en IExplorer tenga el mismo comportamiento que FireFox que salga cuando se desborda, que debo hacer?
Aclaro lo que dije anteriormente. Mi problema es que tengo mi página con DIV y está ajustada para que ocupe el 100%. En prinicpio el contenido cabe dentro del DIV. Lo que me pasa es que FireFox no me muestra ningún scroll vertical que es el funcionamiento que deseo. Mientras IExplorer me recorta el DIV y mete un espacio como para mostrar un scroll vertical (Aunque no lo muestra), tan solo deja ese espacio tan indeseado y que le da una mala presentación a mi WEB.
Si me podrías ayudar y decirme pq me ocurre esto os estaría muy agradecido
No sé ninguna forma sin javascript, la verdad.
¿Y si pruebas a ajustar el div para que ocupe el 99.9%?
Creo recordar que una vez solucionamos un problema parcido de esta forma.
no puedo dejar quieta la barra del costado de la pantalla, como hago?*
Dentro del tag colocan el siguiente atributo:
scroll="auto"
o sea, que quedará asi:
Simple!
Ahi va de nuevo porque este blog, no soporta tag de html:
Dentro del tag <body> colocan el siguiente atributo:
scroll="auto"
o sea, que quedará asi:
<body scroll="auto">
Simple!
A mi no me parece tan simple. No creo que el atributo scroll en body sea estandar porque no lo veo definido en ningun sitio, vease la definicion en la W3C. No sera un atributo propietario de Microsoft?
Y este blog esta algo limitado porque no me deja modificar tus comentarios, pero si soporta html. De hecho, si no lo soportara hubiera aparecido el tag que intentaste poner.
Gracias de todos modos por tus comentarios.
yo tengo un problema con firefox 2.0
resulta que el notebook tiene una zona de desplazamiento similar a la rueda de un mouse para desplazar la pantalla hacia abajo o arriba, pero al momento de usarla no desplaza el scroll bar, solo aparece un icono de una barrita en miniatura...
donde se puede activar esta opcion?
Mi estimado david (tocayo), debes ir a propiedades de raton y buscar la opcion de habilitar desplazamiento en la pestaña del controlador del tactil (zona de raton en tu portatil), sin embargo en ocasiones hay conflictos con algunos programas y no hace lo que se supone, de manera que el truco y a mi me funciona mejor asi, es: quitar el controlador del tactil y dejar el del s.o., en XP, en ubuntu necesitas buscar un controlador de tactil, son los que he probado, suerte. Salu2 Mexico 100%.