2 kolumny Opcje

[slawo]

[PHP] pobierz, plaintext 
#leftcol{
width:500px;
text-align:top;
background-color: #ffffff;
float:left;
}
#rightcol{
float:right;
width:300px;
text-align:top;
background-color: #ffffff;}
[PHP] pobierz, plaintext 

Witam, mam na stronie 2 kolumny. Z tym, że jedna jest dłuższa a jedna krótsza. Jak zrobić żęby te kolumny były równe? Niezależnie od tego w której kolumnie jest więcej treści.

[luckyps]

Mi do głowy przychodzi tylko rozwiazanie javascriptowe...
Pobrac wysokosc obu kolumn, sprawdzic ktora jest wieksza i ustawic wysokosc tej nizszej na wysokosc tej wyzszej.

[HTML] pobierz, plaintext 
var leftcol = document.getElementById ("leftcol");
var rightcol = document.getElementById ("rightcol");
 
leftHeight = leftcol.clientHeight; 
rightHeight = leftcol.clientHeight; 
 
if(leftHeight > rightHeight) {
    rightcol.style.height = String(leftHeight)+"px";
} else {
    leftcol.style.height = String(rightHeight)+"px";
}
[HTML] pobierz, plaintext 

sprawdz czy dziala...

[t_e_l]

Pierwsze lepsze z google...

Tutaj
albo
Tutaj

[Adi32]

Parametr height by nie wystarczył?

Ewentualnie ująć je w diva o ustalonej wysokości a kolumnom nadać height: 100%;

[kujawska]

Spróbuj takiego rozwiązania:

[HTML] pobierz, plaintext 
<div id=container" style="width:400px;background:silver;">
<div id="lewy" style="background:yellow;width:200px;float:left;">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh 
augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam 
pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque 
semper justo at risus. Donec venenatis, turpis vel hendrerit interdum,</p>
</div>
<div id="prawy" style="background:silver;width:200px;float:left;">
<p>PRAWY</p>
</div>
<div id="stopka" style="clear:both;;width:100%;height:0px;">
</div>
</div> 
[HTML] pobierz, plaintext