Foros del Web » Creando para Internet » CSS »

capa padre-hija

Estas en el tema de capa padre-hija en el foro de CSS en Foros del Web. Muy buenas, he estado leyendo unos post con usuarios con problemas parecidos al mio, pero aun asi no encuentro solucion alguna. Mi problema es el ...
  #1 (permalink)  
Antiguo 27/02/2007, 12:52
 
Fecha de Ingreso: febrero-2007
Mensajes: 6
Antigüedad: 10 años, 9 meses
Puntos: 0
capa padre-hija

Muy buenas, he estado leyendo unos post con usuarios con problemas parecidos al mio, pero aun asi no encuentro solucion alguna.
Mi problema es el siguiente:

En una clase padre:

<div id=padre style="position:relative;z-index:1;left:100px;right:80px;width:800px;top:40px ;height:100px"><img src
=fondo2.gif width=100% height=100%>

meto otra hija:

<div id=hija style="position:relative;z-index:2;left:140px;right:80px;width:400px;top:80px ;border-style:solid;border-color:black;">

<<Aqui vendria un texto que iria creciendo.>>


</div></div>



Mi intencion es que la clase padre vaya creciendo segun crezca la hija. Lo necesito para IE7.
Muchas gracias de antemano!
  #2 (permalink)  
Antiguo 27/02/2007, 14:10
Avatar de Nefertiter  
Fecha de Ingreso: enero-2003
Ubicación: Rosario
Mensajes: 1.316
Antigüedad: 14 años, 11 meses
Puntos: 8
Re: capa padre-hija

prueba quitando el Height de la capa padre o poniendolo en Auto
  #3 (permalink)  
Antiguo 27/02/2007, 17:25
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: capa padre-hija

Supongo que esto no será la etiqueta real, porque tiene algunos errores:

<div id=padre style="position:relative;z-index:1;left:100px;right:80px;width:800px;top:40px ;height:100px"><img src
=fondo2.gif width=100% height=100%>

<div id=padre style="position:relative;z-index:1;left:100px;right:80px;width:800px;top:40px ;height:100px;"><img src
="fondo2.gif" width="100%" height="100%">

Aunque me temo que sí lo debe ser. Precisamente en explorer, si la caja tiene un alto definido (height) y el contenido crece, la caja crecerá sin problemas. Si la etiqueta es real como la tenías, no tener el height cerrado con punto y coma le hace que el alto sea ignorado.
Si no era real, puede ser que en IE7 no funcione así lo que te digo y tenga razón Nefertiter.

Mikel.
  #4 (permalink)  
Antiguo 01/03/2007, 05:34
 
Fecha de Ingreso: febrero-2007
Mensajes: 6
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: capa padre-hija

buenas de nuevo, he probado vuestras sugerencias pero no he conseguido solucionar el problema. Si a la capa padre no le pongo height, no me muestra la capa; si le pongo auto, tampoco me muestra la capa.

<div id=padre style="position:absolute;z-index:-1;left:100px;right:80px;width:800px;top:80px;heigh t:200px;"><img src=fondo2.gif width="100%" height="100%">

<div id=hija style="position:absolute;z-index:1;left:30px;right:80px;width:480px;height:20 0px;top:170px;border-style:solid;bordercolor:black;border-width:1px;">

...AQUI VA EL TEXTO...

</div></div>

Sabias cual puede ser el error? Tendra que ver que la capa padre tenga enlaza una imagen?Gracias
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 08:50.