La cuestion es esta; estoy haciendo una pagina...esto es lo que llevo...
pero no logro colocar la capa roja(capa contenido) en el centro, me la pone abajo y por consecuencia la capa footer se pierde y no se ve ya en el navegador...este es el codigo CSS de las capas involucradas...
Código:
#contenedor{
width: 720px;
height:600px;
margin: 10px auto;
background-color : #cfffff;
position:relative;
}
#cabecera {
background-color:#FF00FF;
background : url(imagenes/cabecera-2.jpg) center no-repeat;
width:720px;
height:170px;
float:right;
top:10px;
}
#menu_izq {
background-color:black;
float:left;
width:150px;
height:150px;
}
#menu_izq2 {
background-color:black;
float:left;
clear:both;
width:150px;
height:150px;
}
#menu_derecho {
background-color:green;
float:right;
width:150px;
height:150px;
}
#menu_derecho2
{
background-color:red;
float:right;
width:150px;
height:150px;
}
#barra_menu {
background : url(imagenes/barra-menu.jpg) center no-repeat;
width:720px;
height:30px;
clear:both;
}
#contenido {
background-color:#FF0000;
width:400px;
height:300px;
clear:both;
margin:0;
}
saludos y gracias!!