Cita:
Iniciado por ginnomillan Hola, gracias por tu respuesta, veamos... para seguirte, dime paso a paso como lo creo, olvidemosnos de otros hilos. Solo dime, yo lo hago y coloco los resultados.
Saludos y agradecido
Ginno
Bueno, no lo he puesto porque pensaba que lo tenías claro.
Crear un envoltorio general significa colocar un div que encierre todo el resto de tu código, es decir, que se abra justo detras de <body>
<body>
<div id="contenedor">...
y se cierre justo antes de terminar el código:
</div>
</body>
Ahora tienes todo el código envueto en un div.
Bien, a ese div ahora le debes dar una propiedades mediante CSS:
1.- ¿Cuánto medirá de ancho? digamos por ejemplo 1000px (width: 1000px)
2.- lo centraremos en la página marcando sus márgenes laterales como auto (margin: 0 auto)
3.- Le pondremos una posición relativa, de manera que todos los elementos que haya dentro de él con posición absoluta, fijarán su posición con repecto a él, no a la página completa (position: relative). Con esto es probable que ahora alguna cosa se descuadre un poco, pero imagino que lo arreglarás fácil retocando left, top, right y bottom.
De manera que en la CSS ese selector quedaría:
#contenedor {width: 1000px;
margin: 0 auto;
position: relative;
}
De esta manera tu página ahora tiene una caja principal centrada, y todas las cajas con posición absoluta se mueven con ella, porque ya no fijan su posición con respecto a la página completa, sino a ese contenedor.
Pruébalo y súbelo, y si algo no va bien dime.