aqui esta el css no creo que sea nesesario poner el html creo que si lees el css entenderas la posision de cada capa:
Cita: @charset "utf-8";
body{
background-color:#036;
margin-bottom:5px;
margin-left:3px;
margin-right:3px;
margin-top:0px;
text-align:center;
}
#pagina{
text-align:left;
width:1024px;
height:auto;
margin:auto;
background-color:#CCC;
}
#barra_sup {
height: 100px;
width: 1024px;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #000;
background-image:url(img_pag/cabecera.png);
}
#box_derecho{
color:#CCCCCC;
float:left;
width:145px;
height:500px;
background-color:#0066FF;
margin-right:5px;
margin-top:7px;
margin-bottom:7px;
display:table;
}
#box_derecho a{
color:#FFFFFF;
text-align:left;
text-decoration:underline;
font-size:18px;
}
#box_derecho a:hover{
color:#FFFFFF;
text-align:center;
text-decoration:none;
font-size:18px;
}
#datos{
float:left;
width:500px;
height:500px;
margin-top:7px;
background-color:#FF9900;
margin-bottom:7px;
display:table;
}
#box_izquierdo{
color:#FFFFFF;
float:left;
width:370px;
height:500px;
background-color:#0066FF;
margin-left:4px;
margin-top:7px;
margin-bottom:7px;
display:table;
}
#box_inferior_1{
width:512px;
height:200px;
background-color:#6633FF;
display:table;
padding-left:4px;
clear:left;
}
#box_inferior_2{
width:490px;
height:100px;
background-color:#00CC00;
text-align:center;
clear:left;
}
#box_inferior_2 a{
color:#000000;
font-size:18px;
text-decoration:underline;
}
#box_inferior_2 a:hover{
color:#0033FF;
font-size:16px;
text-decoration:none;
}