Barra de desplazamiento del navegador

Question

Tengo un sitio web que está perfectamente alineado y centrado.El código CSS funciona bien.El problema realmente no tiene que ver con CSS.Tengo encabezados para cada página que combinan perfectamente entre sí.

Sin embargo, cuando el contenido aumenta, Opera y Firefox muestran una barra de desplazamiento a la izquierda para que puedas desplazarte al contenido que no está en la pantalla.Esto hace que mi sitio salte unos cuantos píxeles hacia la izquierda.Por tanto, los encabezados ya no están perfectamente alineados.

IE siempre tiene una barra de desplazamiento, por lo que el sitio nunca salta en IE.

¿Alguien conoce una solución JavaScript/CSS/HTML para este problema?

Answer 1

yo suelo

html { overflow-y: scroll; }

Para estandarizar el comportamiento de la barra de desplazamiento en IE y FF

Answer 2

FWIW:yo suelo

html { height: 101%; }

para forzar que las barras de desplazamiento aparezcan siempre en Firefox.

Answer 3

¿Se está alineando con anchos porcentuales o anchos fijos?También supongo que estás aplicando un fondo al cuerpo; yo mismo tuve este problema.

Sin embargo, será mucho más fácil ayudarte si subes la página para que podamos ver el código fuente.

Answer 4

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

es mi DIV centrado

Answer 5

Bueno, no necesitas el position: relative; - debería funcionar bien sin él.

me imagino que div tiene ser 1000px ¿ancho?Aún sería mucho más fácil responder esto con el sitio web real.