[CSS] Div o tej samej wysokości co drugi div wypełniony treścią Opcje

[szymek001]

Witam, mam prosty szablon strony, i próbuje ustawić by #menu było tej samej wysokości co div #news.
Problem polega na tym, że gdy dla diva #menu ustawie

[CSS] pobierz, plaintext 
height: 100%
[CSS] pobierz, plaintext 

lub

[CSS] pobierz, plaintext 
height: auto;
[CSS] pobierz, plaintext 

to i tak jest on krótszy, bo nie ma w nim tyle tekstu co w divie #news.

Tak to wygląda obecnie:


Dąże do tego, by wyglądało to tak:


Wysokości w stylu wyglądają następująco:

[CSS] pobierz, plaintext 
#wrapper {
height: auto;
}
 
#menu {
height:100%;
min-height: 700px;}
 
#news {
height:auto;}
[CSS] pobierz, plaintext 

W jaki sposób można ustawić by niebieskie menu było zawsze tej samej wysokości co zielony blok newsów? Czy będzie potrzebne osadzenie w menu kolejnego diva, który 'naciągnie' menu do końca?

[d3ut3r]

http://riddle.jogger.pl/2007/03/07/rowne-k...ny-layoutu-css/

[szymek001]

niestety table-cell nie działa mi prawidłowo z 'float: left;' a gdy sie pozbęde wyrównania do lewej przestają działać marginesy i paddingi..

znalazłem coś takiego: http://matthewjamestaylor.com/blog/equal-h...er-css-no-hacks i jeszcze: http://buildinternet.com/2009/07/four-meth...height-columns/

Ten post edytował szymek001 22.05.2012, 13:35:37