Układ strony z 3 divami, Problem z równą wysokością Opcje

[majestiq]

Witam,

Robię stronke opartą na 3 głównych divach (lewe menu, środek ,prawe menu) znajdujących się w kontenerze.
Chodzi o to, aby każdy div uzyskał wysokość najwyzszego (środek).

Każda podstrona ma inną wysokość więc nie mogę tego na sztywno wpisać.
Próbowałem z overflow:hidden kontenera i zauważyłem, że jeśli ustawie w divie z menu position absolute i height:100% to rzeczywiście
jest takiej długości jak trzeba, ale nie mogę stosować absolute bo stosuje float: left; a z kolei jak nie dam position:absolute to jakby nie działa height:100% i div ma taką wysokość na ile jest wypełniony, czyli jest dużo za krótki.

Czy ktoś może mi pomoć rozwiązać problem równej wysokości każdej z 3 kolumn serwsiu ?

Wszystko można sobie zobaczyć tutaj:

http://www.kulturystyczny.com/o/

Ta zółta kolumna po lewej to ta która powinna być po prawej (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) , tutaj uzyskuje taką wysokość o jaką mi chodzi (długość najwyższego diva - środkowego) ale to tylko dlatego, że dałem position:absolute i tylko wtedy to działa, bez tego jest tam gdzie być powinna - po prawej stronie - symetrycznie do MENU lewego, ale ma wysokość taką jak tekst 'ss' - można to zauważyć tutaj:

http://www.kulturystyczny.com/p/

Proszę o pomoć, czyli uzyskanie efektu rozciągnięcia wysokości prawej kulumny bez position:absolute;
Dzięki Wielkie (IMG:http://forum.php.pl/style_emoticons/default/exclamation.gif)

[Cezar708]

Kod

#prawo {
margin-left:10px;
padding:10px;
width:80px;
float: right;
background: #ff0;
height:100%;
}

to część Twojego pliku css, aby height: 100% zadziałało musi w elemencie nadrzędnym być określona wysokość w px (nie %), poza tym środek nie może być position: absolute (tylko ewentualnie static), bo jest jakby na zewnątrz całej struktury i nie ma większego wpływu na pozostałych. Jedynie co Ci pozostało to określenie wysokości divów arbitralnie (lub z pomocą javaScript)

Może lepiej jak wrzucisz to w strukturę jaką mam poniżej, Łatwiej jest ustawić wysokości, niestety tylko statycznie jeśli Ci to nie pomoże to po prostu daj znać:

[HTML] pobierz, plaintext 
<div style='width: 100%; border: 1px solid; height: 200px;'>
  <div id='lewa' style='float: left; width: 400px; height: 100%; background: rgb(255,0,0) 1px;'>
    lewa
  </div>
  <div id='prawa' style='float: right; width: 400px; background: rgb(0,0,255) 1px; height: 100%;'>
    prawa
  </div>
  <div id='srodek' style='margin-right:400px; margin-left:400px; height: 100%; background: rgb(0,255,0) 1px;'>
    srodek
  </div>
</div>
[HTML] pobierz, plaintext