Si te fijas, cuando lo tienes con 900px o menos, el navegador no añade scrollbars. En cambio, con mas de 1000px si. Por eso se te mueve.
2 soluciones.
Activar el scrollbar vertical por defecto
O darle un position:absolute a #medio y centrarlo con porcentajes.
Saludos
2 soluciones.
Activar el scrollbar vertical por defecto
Código (css) [Seleccionar]
html {overflow-y: scroll;}
O darle un position:absolute a #medio y centrarlo con porcentajes.
Código (css) [Seleccionar]
#medio {
padding:0;
width:990px;
background-color:white;
border-right: 1px solid rgb(204, 204, 204);
border-left: 1px solid rgb(204, 204, 204);
border-bottom: 1px solid rgb(204, 204, 204);
/* Por defecto el navegador ya aplica height:auto. Asi que no lo uses :P */
height:900px;
/* Posicion absoluta */
position:absolute;
/* Mover 50% a la izquierda */
left:50%;
/* Le quitamos la mitad del ancho del div a la izquierda. Así se centra. */
margin-left:-495px;
}
Saludos