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 |
|
|
|
Kuba707 [HTML][CSS] Sidebar łączący się z footerem 28.12.2014, 12:40:07
trueblue Pokaż kod. 28.12.2014, 12:44:14
Kuba707 To taki testowy kod (odszedłem od mojej strony i t... 28.12.2014, 13:16:55
trueblue http://jsfiddle.net/L4k9gwqw/2/ 28.12.2014, 13:35:15
Kuba707 Spoko, tylko z kolei taki problem, że jak zmniejsz... 28.12.2014, 13:54:10
trueblue http://jsfiddle.net/L4k9gwqw/3/
min-height jest pr... 28.12.2014, 14:26:12
Kuba707 No teraz jest tak, że content ma powiedzmy tam 4cm... 28.12.2014, 15:08:28
trueblue Dla section brakuje: box-sizing:border-box;
Jednak... 28.12.2014, 15:48:22
Kuba707 Nom, mało tego, że ta treść się chowa, to jeszcze ... 28.12.2014, 16:22:41 ![]() ![]() |
|
Aktualny czas: 24.12.2025 - 12:50 |