Como crear un sitio con capas y CSS
Código PHP:
<head>
<title>Capas</title>
<style>
/*estilo Azul*/
.arriba{
position: absolute;
width:570;
height:90px;
z-index: 1;
left: 0px;
top: 0px;
overflow: visible;
border : 1px solid #788DA2;
background-color : #788DA2;
}
.izquierda{
position: absolute;
width:178px;
height:452px;
z-index: 1;
left: 602px;
top: 0px;
overflow: visible;
border : 1px solid white;
background-color : white;
color:#FFFFFF;
}
.centro{
position: absolute;
width:570px;
height:362;
z-index: 1;
left: 0px;
top: 90px;
overflow: auto;
border : 1px solid #ACBCCC;
background-color : #ACBCCC;
}
.derecha{
position:absolute;
left:570px;
top:0px;
width:30px;
height:452;
z-index:2;
border : 1px solid #BAC3CC;
background-color : #BAC3CC;
width:120;
color:#FFFFFF;
}
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="centro" class="centro"></div>
<div id="derecha" class="derecha"></div>
<div id="iquierda" class="izquierda"></div>
<div id="cabeza" class="arriba">
</div>
</body>
</html>