Barra de scroll vertical y desplazamiento de página
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.
Raúl (CODE-EXTREME) dijo
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!
16 Enero 2006 | 03:49 PM