Ver Mensaje Individual
  #19 (permalink)  
Antiguo 19/12/2008, 16:52
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Centrar página web para diferentes resoluciones

Cita:
Iniciado por ginnomillan Ver Mensaje
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.
__________________
Visita mi nueva web idplus.org