[html] Div na 100% wysokości


(tomilipin) #1

Cześć,

Próbuję swych sił w tworzeniu stron ale nie mogę przeskoczyć jednego problemu.

Strona zbudowana na DIVach - nie mogę ustawić 100% wysokości DIVa zawierającego menu.

Przez to treść mi się rozlewa.

Strona: http://tomilipin.ovh.org/bhp/

Co muszę ustawić, co zrobić dodać żeby menu zabierało 100% wysokości? W przyszłości chciałbym umieścić też jakiś obrazek, informację pod menu w osobnym DIVie - jak by to wyglądało w CSS ?


(Mathew) #2

Może podasz kod stronki? :wink: mój miastowy kolego :wink:

EDIT

Dodaj do klasy "srodek" height: 100%;


(Miroon93) #3

Aby tekst Ci się nie rozsuwał określ rozmiar obszaru #tresc za pomocą width i height.

Gdy w przyszłości będziesz chciał pod menu umieścić obrazek dajesz go w osobnym div'ie i za pomocą css'a określasz jego pozycję na stronie :wink:.


(Mathew) #4

przeczytaj dokładnie pierwszy post :wink:


(Miroon93) #5

Przeczytałem dokładnie jeszcze raz i moja odpowiedź wyglądała by tak samo :stuck_out_tongue_winking_eye:. Widocznie nie za bardzo rozumiem jaki efekt końcowy chcesz uzyskać ;/


(Mathew) #6

autor topicu chce mieć menu na całej wysokości strony :wink: nie chodzi mu o:

[menu][tresc]

[menu][tresc]

[menu][tresc]

      [tresc]

      [tresc]

tylko o:

[menu][tresc]

[menu][tresc]

[menu][tresc]

[menu][tresc]

[menu][tresc]

Mam nadzieję, że teraz wiesz o co mi chodzi :wink:


(Xwars) #7

"Faux collumns", "one true layout" - napisano do tego już tysiące poradników i hacków. A jeśli chcesz żeby to po prostu działało to wstaw tą wyklętą tabelkę :wink:


(tomilipin) #8

Zrobiłem według zaleceń lecz wciąż wyświetla się źle :confused: Zaktualizowana wersja pod http://tomilipin.ovh.org/bhp/

Kieruję się więc do A List Apart http://www.alistapart.com/articles/fauxcolumns/ po tutorial :wink:

Dzięki ucho3000 za słowa kluczowe, przyznam że nie wiedziałem czego szukać, jak skonstruować zapytanie żeby znaleźć "to coś" :wink:

Myślę, że teraz dam już radę.

Dzięki za pomoc!