[CSS][HTML] Dwa divy obok siebie, jak zrobić aby miały taką samą wysokość

[CSS][HTML] Dwa divy obok siebie, jak zrobić aby miały taką samą wysokość, Dynamicznie

dk1342 Zobacz profil	23.08.2011, 21:12:46 Post #1
Grupa: Zarejestrowani Postów: 275 Pomógł: 9 Dołączył: 24.07.2008 Skąd: Racibórz Ostrzeżenie: (10%)	Witam wszystkich, otóż mój problem jest taki: Mam stronę podzieloną na dwa divy. Jeden jest szerszy (tresc), drugi węższy (np na panele). I sprawa jest taka, że mam więcej treści w divie tym po lewej (szerszym) niż w tym po prawej, natomiast chce aby ten div po prawej też szedł do samego dołu, dorównując temu po lewej. Wiem, że mogę to zrobić dając na stałe height obu divom ale takiego rozwiązania jednak nie chce, bo wysokość będzie różna-dynamiczna. Jak mogę rozwiązać ten problem, aby drugi div dorównywał pierwszemu, nie ustalając height na stałe ? Przykład obrazkowy: Tak jest: (IMG:http://s1.cuts.pl/img/thumb_1314130252_1.png) Tak chciałbym: (IMG:http://s1.cuts.pl/img/thumb_2.png) Przykładowy kod: [HTML] pobierz, plaintext <html> <head> <title>Test</title> <style type="text/css"> #srodek { width: 500px; margin: auto; border: 1px solid #000; } #lewa { width: 300px; float: left; background: #ccc; } #prawa { width: 200px; float: left; background: #000; color: #fff; } .cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; } </style> </head> <body> <div id="srodek"> <div id="lewa"> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div> <div id="prawa"> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div> <div class="cleared"></div> </div> </body> </html> [HTML] pobierz, plaintext Ten post edytował dk1342 23.08.2011, 21:18:43