100% height bez height

[camelrafal]

Problem w kodzie:

Kod:

<div id="pudlo">

    <div id="lewo" style="height:100%;float:left; background:red;padding:10px;">
    
        Chcę aby ten element był rozciągniety na całą wysokosc pudla
        
    </div>
    
    <div id="prawo" style="background:blue;padding:10px;">
    
        Ten element ma zmienną wysokość uzależnioną od zawartości<br>
        Pudło ma dostosować swoją wysokość do tego właśnie elementu<br>
        Jak to zrobić?
    </div>
    
</div>

Ktokolwiek widział? ktokolwiek wie?

[Kartofelek]

Position:absolute ma taką fajną właściwość, że ładnie ustawia się na 100% wysokości.
Czyli rodzic dostaje position:relative; czerwony position:absolute; a niebieski margin-left na szerokość czerwonego.

Kod:

<div id="pudlo" style="position:relative">

    <div id="lewo" style="position:absolute; width:200px; height:100%;float:left; background:red;padding:10px;">
    
        Chcę aby ten element był rozciągniety na całą wysokosc pudla
        
    </div>
    
    <div id="prawo" style="margin-left:200px; background:blue;padding:10px;">
    
        Ten element ma zmienną wysokość uzależnioną od zawartości<br>
        Pudło ma dostosować swoją wysokość do tego właśnie elementu<br>
        Jak to zrobić?
    </div>
    
</div>

Jeżeli ci nie pasuje ten sposób (a niby czemu?) to wtedy użyj typu wyświetlania tabelkowego (ale wtedy zapomnij o starych IE)

[camelrafal]

Sposób z pole position absolute działa ale jeszcze zobacze typ tabelkowy z ciekawości
wczoraj cały dzień nad tym siedziałem ale absoluta nawet nie brałem pod uwagę (niby dlaczego? - nie wiem) :]
MIT OBALONY

---

sprawdziłem sposób display:table; jak dla mnie rewelacja a stare IE generalnie już prawie wygineło [chyba]