Saludos...Hice una página con divs, mi problema es que hay una parte de un Div que se solapa por debajo de otros dos Div que estan alineados uno junto a otro(estos son "barra01 & barra02"). Naturalmente este Div (es el nombrado como"cuerpo" tanto en Html como en CSS) deberia posicionarse justo debajo de los Div "barra01 & barra02" y encajar con el div inferior que sería al Div de pie de página...hasta ahi todo bien.
Pero en el momento que coloque las imagenes que forman el fondo de la página con "Background-image" todo deberia haber encajado, pero mi sorpresa fue que faltaba una parte...justo la parte que se oculta en los div que estan por encima de este. Se mira el color azul del fondo Div "contenedor" de todos estos otros div. No se como colocar el Div "cuerpo" para que todo encaje bien y no se desarme cuando se ponen las imagenes. De hecho veran en el codigo que seleccionando el Div "cuerpo se ve justo la parte que hace falta por debajo de los Div Barra01 & Barra02. Adjunto los códigos
**No adjunto las imagenes
De antemano muchas gracias x la paciencia y el interes.
Gracias !!!
Codigo Html:
<body bgcolor="#666666">
<div id="contenedor">
<div id="menu01">
<div id="lateral01">latera01</div>
</div>
<div id="menu02">
<div id="barra_top">esquinaTOP</div>
<div id="esquina">
<h5>Regresar</h5></div>
<div id="borde"></div>
<div id="lateral02">lateral02</div>
</div>
<div id="header">Encabezado</div>
<div id="div_contenedor">
<div id="barra01">barra01</div>
<div id="barra02">barra02</div>
<div id="cuerpo">Contenido01</div>
<div id="cuerpoizq">Contenido02</div>
<div id="cuerpoder">Contenido03</div>
</div>
<div id="footer">piepagina</div>
</div>
Este el codigo CSS:
#contenedor {
width:800px;
height:768px;
margin:0px auto;
background-color:#666;
}
#esquina h5 {
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#FFF;
text-align:center;
}
#menu01 {
width:98px;
height:768px;
float:left;
background-color:#FF0;
}
#lateral01 {
width:98px;
height:768px;
}
#menu02 {
width:99px;
height:768px;
float:right;
background-color:#FF0;
}
#barra_top {
width:99px;
height:16px;
background-color:#03C;
}
#esquina {
width:85px;
height:54px;
background-color:#F00;
float:left;
margin:auto;
}
#lateral02 {
width:85px;
height:698px;
background-color:#6CF;
float:left;
}
#borde {
float:right;
width:14px;
height:752px;
background-color:#0F6;
}
#header {
width:603px;
height:105px;
margin:auto;
background-color:#0C0;
}
#div_contenedor {
width:650x;
height:608px;
background-color:#039;
color:#FFF;
text-align:center;
top: 130px;
left: 251px;
}
#barra01 {
width:293px;
height:44px;
background-color:#06C;
float:left;
}
#barra02 {
width:310px;
height:44px;
background-color:#393;
float:left;
}
#cuerpo {
width:603px;
height:234px;
margin:auto;
background-color:#F69;
}
#cuerpoizq {
float:left;
width:293px;
height:330px;
background-color:#363;
}
#cuerpoder {
float:right;
width:310px;
height:330px;
background-color:#0C0;
}
#footer {
width:100%;
height:55px;
background-color:#F96;
text-align:left;
}