Foros del Web » Creando para Internet » CSS »

Problemas Div

Estas en el tema de Problemas Div en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/02/2010, 01:23
 
Fecha de Ingreso: enero-2010
Mensajes: 7
Antigüedad: 7 años, 11 meses
Puntos: 0
Problemas Div

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;
}
  #2 (permalink)  
Antiguo 25/02/2010, 11:54
Avatar de mdk
mdk
 
Fecha de Ingreso: noviembre-2002
Mensajes: 531
Antigüedad: 15 años, 1 mes
Puntos: 11
Respuesta: Problemas Div

Esta tan simple como usar la propiedad z-index en la capa que te interese, ejemplo:

#footer {
width:100%;
height:55px;
background-color:#F96;
text-align:left;
z-index: numero;
}

cuanto mas alto sea el número, esa capa, se pondra por encima de todas las demas, y cuanto mas bajo, las demas se pondran por encima de ella.
__________________
SoY Lo Ke VeS iNKLuSo KuAnDo No Me VeS ;)
  #3 (permalink)  
Antiguo 26/02/2010, 15:52
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problemas Div

Hola:

A tu div cuerpo añádele:

Código CSS:
Ver original
  1. overflow:auto;
  2. float:left;

Saludos.


Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:08.