Hola:
Tengo un pequeño problema que no consigo solucionar. He diseñado la típica página web con un menú de navegación en la parte superior. Todo el contenido de la web (incluido el menú de navegación) está controlado por un <div id="container"> que tiene las siguientes características:
Código CSS:
Ver original#container {
text-align:center;
width:850px;
margin:auto;
}
Obviamente, algunas secciones de la web tienen más texto que otras. Al pinchar en aquellas opciones del menú que tienen más texto el explorador muestra automáticamente la típica barra de desplazamiento vertical a la derecha de la pantalla para poder ir desplazando hacia abajo.
Bien, mi problema es que cuando pasa esto, todo el contenido de esa página se mueve ligeramente hacia la derecha. Esto crea un efecto un poco feo, ya que al pasar de unas secciones a otras no se mantiene el contenido inalterado en la parte central de la pantalla sino que varía ligeramente en función de si es necesaria o no la barra de desplazamiento vertical.
¿Cómo puede mantener fijo y centrado el contenido de todas las secciones con independencia de la presencia/ausencia de barra lateral?
He probado con la opción position:absolute, pero sin éxito...