Foros del Web - Ver Mensaje Individual

cristian_cena · #3 (**permalink**) 24/02/2011, 23:03

Para lograr ese efecto puede que te sea útil trabajar en bloques. uno debajo del otro ;)

Prueba este código:

Código HTML:

Ver original<body>
<div class="liquido"><div class="centrado"> ...cabeza... </div></div>
<div class="centrado"> ...cuerpo... </div>
<div class="liquido"><div class="centrado"> ...pie... </div></div>
</body>

Código CSS:

Ver original.liquido{
width:100&#37;;
height:50px;
background:#707070;
/*si necesitas repetir una imagen de fondo puedes hacer...
background:#707070 url('directorio/archivo.xxx') 0 0 repeat-x;
*/
}
.centrado{
width:960px;
height:50px;
margin:0 auto;
background:gray;
}

Saludos.