Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Sidebar łączący się z footerem
Kuba707
post
Post #1





Grupa: Zarejestrowani
Postów: 94
Pomógł: 0
Dołączył: 20.03.2010

Ostrzeżenie: (0%)
-----


Mam duży problem jak zakodować stronę. Oto obrazek poglądowy: http://i.stack.imgur.com/GFbDr.png
Prosta, powszechna strona gdzie jest header, potem container na sidebar i content, a na dole footer. Z tym, że jest tu mały trick jeszcze do footera, taki że footer ma wysokość powiedzmy 80px, to to co jest nad footerem ma padding-bottom 80px + kilka innych właściwości i dzięki temu footer jest zawsze na dole. Oto link do tricku http://www.cssreset.com/how-to-keep-footer...-page-with-css/. Ale pomińmy tego footera. Klasyczna strona jak widzicie tylko problem jest z tym menu w sidebarze żeby się rociągała ta belka pionowa aż do footera. Widać doskonale o co chodzi. Trochę kombinowałem ale jedyne co zrobiłem to absolutny div z dolną częścią menu który faktycznie wygląda dobrze ale przy skróceniu szerokości okna przeglądarki wygląda to źle. Pozostaje mi chyba jQuery i eventy na zmiane szerokości okna. Chyba, że da się to jednak jakoś zrobić. Jakieś propozycje, wskazówki jak to zrobić?

EDIT:
Kod ma dużo reguł CSS i może być problem z odczytaniem. Uproszczę i wrzucę za niedługo.

Ten post edytował Kuba707 28.12.2014, 13:06:27
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Kuba707
post
Post #2





Grupa: Zarejestrowani
Postów: 94
Pomógł: 0
Dołączył: 20.03.2010

Ostrzeżenie: (0%)
-----


No teraz jest tak, że content ma powiedzmy tam 4cm na moim ekranie przy 100% zoomie a footer jest pod ekranem gdzieś daleko. Niepotrzebnie się to rozciąga tak. Strasznie to kłopotliwe jest. Chyba zrobię tak, że zrobię podstawowy kontener z sidebar i content. Będą miały tyle wysokości ile będzie im trzeba. To znaczy sidebar będzie miał powiedzmy 200px wysokości bo tyle zajmie menu. A content w zależności od tekstu. A w body dam DIV'a absolutnego tak jak wcześniej że będzie idealnie na szerokości belki z sidebara, 100% height strony + z-indexy od headera i footera to ukryją, będzie efekt jak na zdjęciu. A przy zmianie rozmiaru okna podepnę jQuery który będzie ustawiał absolutny margines belki tej absolutnej na pozycję absolutną belki z menu sidebara.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 30.12.2025 - 19:50