Foros del Web » Creando para Internet » CSS »

Problema div's anidados y background

Estas en el tema de Problema div's anidados y background en el foro de CSS en Foros del Web. Hola amigos! Me ha tocado rehacer la maquetación de una pag y me encontré con que el FF no me está viendo el background en ...
  #1 (permalink)  
Antiguo 11/03/2009, 09:09
 
Fecha de Ingreso: diciembre-2003
Mensajes: 4
Antigüedad: 14 años
Puntos: 0
Problema div's anidados y background

Hola amigos!

Me ha tocado rehacer la maquetación de una pag y me encontré con que el FF no me está viendo el background en un div anidado, que si lo ve IE.

Les paso mas o menos el código

Esta es la estructura de mi HTML:
<html>
<head>
</head>
<body class="body">
<div id="contenedor">
<!-- cabecera -->
<div id="cabecera">
<div id="cab_izq">
</div>

<div id="cab_der">
</div><!-- fin de cabecera derecha -->
</div><!-- fin de cabecera -->

<div id="cuerpo">
<div id="lateral_izq">
</div><!-- fin lateral izquierdo -->
<div id="centro_sup">
<div id="c_izq">
<div id="seccion_uno">
</div>

<div id="seccion_dos">
</div>
</div>

<div id="c_der">
<div id="seccion_tres">
</div>
</div>

</div><!-- fin centro_sup -->
</div><!-- fin cuerpo -->

</div> <!-- fin contenedor -->

<!-- pie -->
<div id="pie">
</div>

</body>
</html>


Este es el CSS:
#contenedor{
background:transparent url(../imagenes/fondo_medio.jpg) repeat top left;
margin: 0 auto 0 auto;
font-family: Verdana;
font-size: 0.8em;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-align:left;
color: #525252;
width: 775px;
}

#cabecera{
margin:0 auto 0 auto;
width:775px;
height:219px;
background:transparent url(../imagenes/fondo_cabecera.jpg) repeat top left;
position: relative
}
#cuerpo{
width:775px;
margin:0;
background-color:transparent;
background-image:url(../imagenes/fondo_medio.jpg);
background-position: top left;
background-repeat: repeat;
clear:both;
position:relative;
}



Ahora en el div "CUERPO" tengo un background de fondo que debería verse en la otras capas. Pero que el FF no lo interpreta. En el div "CABECERA" tengo una estructura parecida y ahi el fondo si se ve.

Desde ya muchas gracias!!
  #2 (permalink)  
Antiguo 11/03/2009, 10:18
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Problema div's anidados y background

si no tiene contenido el contenedor no se expande ergo no se ve
saludos
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 12/03/2009, 08:08
 
Fecha de Ingreso: diciembre-2003
Mensajes: 4
Antigüedad: 14 años
Puntos: 0
Respuesta: Problema div's anidados y background

Eso esta perfecto, lo que no me queda claro es porque el div CONTENEDOR, está vacío, si dentro de él hay dos divs más CABECERA y CUERPO.
Y para FF es como si no existieran ni ellos ni sus contenidos para el fondo.
No sé ya me rayé.
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:22.