Witam!

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:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <title>strona</title>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf8" />
  5. <link rel="stylesheet" href="style.css" type="text/css" />
  6. </head>
  7.  
  8. <div id="kontener">
  9.  
  10. <div id="cos">
  11. <img src="bnp.gif" />
  12. </div>
  13. <div id="cos2">
  14. 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.
  15. </div>
  16. <div id="cos1">
  17. 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.
  18. </div>
  19.  
  20. </div>
  21. </body>
  22. </html>


  1. #kontener {
  2.  
  3. margin: 20px;
  4.  
  5. }
  6.  
  7. #cos {
  8.  
  9. background: gray;
  10. width: 50px;
  11. padding: 5px;
  12. float: left;
  13.  
  14. }
  15.  
  16. #cos1 {
  17.  
  18. background: green;
  19. padding: 5px;
  20. margin-left: 60px;
  21. margin-right: 280px;
  22. }
  23.  
  24. #cos2 {
  25.  
  26. width: 270px;
  27. background: scarlet;
  28. padding: 5px;
  29. float: right;
  30. }


Pomoże ktoś? Wiem, że da radę to zrobić jakoś w jQuery, tylko jak? biggrin.gif

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