Problemas: Adaptar y centrar para todas las resoluciones.

[gomezga86]

Hola, me he registrado en este foro para pedir ayuda desesperadamente xD.
Tengo un problema gordo ya que mi web esta hecha para 1024x800 en mi monitor.
Me compre uno nuevo que alcanza los 1600x800 de resolución y se queda todo pegado a la izquierda dejando un hueco terrible en el sobrante.

He visto cientos de web como marca.com por ejemplo, en las que la web se queda centrada y se crean margenes automaticamente para cualquier resolucion.

Mi web esta hecha con capas, ya que son mas comodas a la hora de dedicarse
solo al diseño y es a lo que estoy acostumbrado, ya que con el uso de tablas no se me encajan bien los archivos .swf de flash.

Lo que quisiera que me explicaran es como hacer una web con capas, de manera que siempre esté bien centrada. Tambien quiero que aparte de centrarse este siempre del mismo tamaño. Por ejemplo: Si el area donde esta todo el contenido
mide 1020 pixeles de ancho, quiero evitar que el ancho aumente al aumentar la resolución.

Se que me he explicado mal pero en resumen:
Quiero hacer una web con capas, que se centre siempre y que no se disforsione el conenido de la misma. Gracias amigos.

[isaac_ben]

Hola,

Busca en google: "centrar div".

Saludos,

[kanop]

bueno soy nuevo aqui asi que espero esto te sirve de ayuda

primero hay 2 formas de centrar o mejor dicho las mas comunes puede ser con tables, que no recomiendo o con css
el primero con tables simplemente creas uno y lo ajustas en porcentajes es decir width=100% asi tomara todo el ancho de tu pantalla sin importar tu resolucion.
la otra forma es con css que seria algo así

primero defines un div con id contenedor (reemplazara al table)

Código:

#contenedor
{
    position:relative;
    margin:auto;
    text_align:center;
    
}

/* luego defines  todos tus divs usando estos valores*/

#div1
{
   position:relative;
   width:(ajustado a tus necesidades);
   heigth:(ajustado a tus necesidades);
   top:...
   lef:...
}
#div2
{
   position:relative;
   width:(ajustado a tus necesidades);
   heigth:(ajustado a tus necesidades);
   top:...
   lef:...
}

la idea es que el principal se adapte a la resolucion y los de adentro tomen su propiedad de alinear al centro, de esta manera puedes ajustarlo como quieras.
pd: si los codigos tienen errores de sintaxis sorry pero lo hice de memoria