Adaptar mi web a las distintas resoluciones.

redondito78 · #1 (**permalink**) 13/02/2011, 14:20

Hola! estuve leyendo en el foro, pero no encuentro solución. Mi web está creada en 800x600, entonces cuando se ingresa desde un monitor de mayor resolución, se vé todo a un costado

No quiero hacer una pagina para cada resolución, lo que prefiero es hacer como facebook, que al entrar desde un monitor mas grande, se centra y continua el color azul del banner.

Espero explicarme correctamente.

Saludos!

sanxuan · #2 (**permalink**) 13/02/2011, 14:41

Se trata de incluir la página en contenedores centrados usando la propiedad "margin:0 auto".
Imagina un ejemplo simple. Tenemos sólo una cabecera y el cuerpo de la página. La cabecera ocupa el ancho total pero su contenido y el del cuerpo tienen 800px de ancho.
Este puede ser el CSS:
#cabecera{
width:100%;
background:url(imagenFondo.gif) repeat-x;
height:50px; /* la altura que sea */
}
#cabecera .contenido {
width:800px;
margin:0 auto;
}
#pagina{
width:800px;
margin:0 auto;
}

Y esto otro el HTML
<body>
<div id="cabecera">
<div class="contenido">
</div>
</div>
<div id="pagina">
</div>
</body>