Mam taki szablon:

I jest z nim pewien problem, otóż chciałbym uzyskać efekt, aby te trzy bloki miały identyczną wysokość. W bloku 2 i 3 (licząc od lewej) może zmienić się treść, więc sama deklaracja height nic tutaj nie da. Do tego wszystkie bloki mają inne tło, więc to dodatkowo utrudnia sprawę.
Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf8" /> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="kontener"> <div id="cos"> <img src="bnp.gif" /> </div> <div id="cos2"> Przed przystapieniem do prezentacji screenow chcialbym przeprosic za brak Shoutboxa na stronie glownej, bowiem ten przejdzie kompletny remake, a pomysly co do niego rodza sie w mojej glowie na biezaco i musze przemyslec kilka rzeczy. </div> <div id="cos1"> Zakladajac ten watek w domysle prosze o ocene przydatnosci, czy jestescie do czegos takiego przekonani. Prosze pytac, jezeli czegos nie ma, a cos wg Was powinno byc, deklarujcie swoje pomysly, urozmaicenia i oczekiwania. </div> </div> </body> </html>
#kontener { margin: 20px; } #cos { background: gray; width: 50px; padding: 5px; float: left; } #cos1 { background: green; padding: 5px; margin-left: 60px; margin-right: 280px; } #cos2 { width: 270px; background: scarlet; padding: 5px; float: right; }
Pomoże ktoś? Wiem, że da radę to zrobić jakoś w jQuery, tylko jak?

Proszę o pomoc, z góry dzięki.
Pozdrawiam