Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Div o tej samej wysokości co drugi div wypełniony treścią
Forum PHP.pl > Forum > Przedszkole
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
  1. height: 100%
lub
  1. height: auto;
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:

  1. #wrapper {
  2. height: auto;
  3. }
  4.  
  5. #menu {
  6. height:100%;
  7. min-height: 700px;}
  8.  
  9. #news {
  10. height:auto;}


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?
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/ smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.