Foros del Web » Creando para Internet » CSS »

heredar altura div padre (height: auto)

Estas en el tema de heredar altura div padre (height: auto) en el foro de CSS en Foros del Web. Buenas, Necesito heredar la altura de un div que su altura esta definida como auto. Resulta que solo la hereda cuando la defines ... es ...
  #1 (permalink)  
Antiguo 20/01/2011, 16:33
Avatar de naitmeir  
Fecha de Ingreso: junio-2008
Ubicación: Barcelona
Mensajes: 227
Antigüedad: 9 años, 5 meses
Puntos: 0
Pregunta heredar altura div padre (height: auto)

Buenas,

Necesito heredar la altura de un div que su altura esta definida como auto. Resulta que solo la hereda cuando la defines ... es decir:

#wrapper{
height: auto;
}

#col01{
height: inherit;
}


donde col01 esta dentro de wrapper pero no hereda la altura ...

S2 y gracias de antemano
  #2 (permalink)  
Antiguo 20/01/2011, 18:05
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: heredar altura div padre (height: auto)

ponele auto tambien entonces
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 20/01/2011, 18:23
Avatar de naitmeir  
Fecha de Ingreso: junio-2008
Ubicación: Barcelona
Mensajes: 227
Antigüedad: 9 años, 5 meses
Puntos: 0
Pregunta Respuesta: heredar altura div padre (height: auto)

No funciona poniendole auto a los dos divs ... dejo aquí el código

Código CSS:
Ver original
  1. <html>
  2. <head>
  3. <title>test</title>
  4.                  
  5. </head>
  6. <body>
  7.  
  8.     <div style="
  9.     width:      923px;
  10.     height:             auto;  
  11.     background:    #F8F8F8;
  12.     margin:     0 auto;
  13.     overflow:           hidden;
  14.     ">
  15.  
  16.         <div style="
  17.         width:          200px;
  18.         height:         auto;
  19.         background:     #1D1A16;    
  20.         float:          left;
  21.         ">
  22.  
  23.         </div> 
  24.         <div style="
  25.         float:      left;
  26.         overflow:           hidden;
  27.         width:      492px;     
  28.         ">
  29.        
  30.         </div>
  31.     </div>
  32. </body>
  33. </html>
  #4 (permalink)  
Antiguo 22/01/2011, 19:42
 
Fecha de Ingreso: noviembre-2010
Mensajes: 47
Antigüedad: 7 años
Puntos: 2
Respuesta: heredar altura div padre (height: auto)

mmm igualar la altura con css es un poco complicado, alguna vez intenté eso y la única manera es colocarle a tus divs la propiedad display:table, pero algunos navegadores (IE) no lo interpretan muy bien, en mi caso opté por usar js, si alguien sabe como hacer eso sólo con css, bienvenido sea!! ;)

Saludos
__________________
www.exploralarevista.com
  #5 (permalink)  
Antiguo 23/01/2011, 19:07
Avatar de naitmeir  
Fecha de Ingreso: junio-2008
Ubicación: Barcelona
Mensajes: 227
Antigüedad: 9 años, 5 meses
Puntos: 0
De acuerdo Respuesta: heredar altura div padre (height: auto)

Me imaginaba que andaban por ahí los tiros, pasare al plan B, que será hacer una modificación de diseño, pero lo tendré en cuenta la próxima vez!

Saludos y gracias
  #6 (permalink)  
Antiguo 24/01/2011, 08:50
 
Fecha de Ingreso: octubre-2010
Mensajes: 66
Antigüedad: 7 años, 2 meses
Puntos: 7
Respuesta: heredar altura div padre (height: auto)

Para mis historias con alturas en CSS, una de las cosas que más me ayuda es:

html,body{ height: 100%}

pero no se si servirá en tu caso.

Etiquetas: altura, auto, heredar, padre
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 20:46.