[HTML]Wyrównanie wysokości dwóch kolumn Opcje

[ZenekN]

Witam mam problem,

mianowicie mam container a w nim dwa contenty o określonych wysokościach w procentach.


czyli:


http://jsfiddle.net/UZwcz/

[HTML] pobierz, plaintext 
    <div id="container" style="width: 244px; height: 100%; border: 2px solid black; padding-bottom:10px; float: left;">
 
    <div id="kolumna 1" style="float: left; width: 100px; height: 100%; border: 2px solid red; padding-bottom:10px;">
    Mniejsza zawartość diva<br/>
    Mniejsza zawartość diva<br/>
    Mniejsza zawartość diva<br/>
    Mniejsza zawartość diva<br/></div>
 
 
    <div id="kolumna 2" style="float: left; width: 100px; height: 100%; border: 2px solid green; padding-bottom:10px; ">
    Większa zawartość diva<br/>
    Większa zawartość diva<br/>
    Większa zawartość diva<br/>
    Większa zawartość diva<br/>
    Większa zawartość diva<br/>
    Większa zawartość diva<br/>
    Większa zawartość diva<br/>
    Większa zawartość diva<br/>
    Większa zawartość diva<br/>
    Większa zawartość diva<br/>
    Większa zawartość diva<br/>
    Większa zawartość diva<br/>
    Większa zawartość diva<br/></div>
 
    </div>
[HTML] pobierz, plaintext 

A teraz chciałbym aby container z mniejszą zawartością diva zwiększał swoją wysokość względem zawartości diva z większą zawartością.

Czyli aby ze względu na większą wysokość diva, dwie kolumny miały cały czas jednakowe wysokości wzdlędem zmiennej zawartości.



Pozdrawiam

Ten post edytował ZenekN 15.11.2012, 10:50:22