heredar altura div padre (height: auto)

naitmeir · #1 (**permalink**) 20/01/2011, 16:33

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

GAST0N · #2 (**permalink**) 20/01/2011, 18:05

ponele auto tambien entonces

naitmeir · #3 (**permalink**) 20/01/2011, 18:23

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

Código CSS:

Ver original<html>
<head>
<title>test</title>
                 
</head> 
<body>
 
    <div style="
    width:      923px;
    height:             auto;   
    background:    #F8F8F8;
    margin:     0 auto;
    overflow:           hidden;
    ">
 
        <div style="
        width:          200px;
        height:         auto;
        background:     #1D1A16;    
        float:          left;
        "> 
 
        </div>  
        <div style="
        float:      left;
        overflow:           hidden;
        width:      492px;      
        ">
        
        </div>
    </div> 
</body>
</html>

pqek · #4 (**permalink**) 22/01/2011, 19:42

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

naitmeir · #5 (**permalink**) 23/01/2011, 19:07

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

hdennison · #6 (**permalink**) 24/01/2011, 08:50

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.