Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/02/2011, 14:41
Avatar de sanxuan
sanxuan
 
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: Adaptar mi web a las distintas resoluciones.

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>