13/02/2011, 14:41
|
| | | Fecha de Ingreso: enero-2011 Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 11 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> |