[HTML][CSS] Sidebar łączący się z footerem Opcje

[Kuba707]

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]

To taki testowy kod (odszedłem od mojej strony i testuje rozwiązanie): http://jsfiddle.net/L4k9gwqw/
Prosta strona. Header, container na sidebar i content, na dole footer + myk że container ma padding-bottom równy wysokości footera + footer absolutny dzięki czemu footer zawsze jest na dole strony i nie zjada mi treści strony gdy wysokość przeglądarki okaże się mała. Problem w tym, że chcę by w tym sidebarze było menu - grafika z belką wbitą w ziemię i przybite do niej deski. Wbite w ziemię to znaczy w footera. Czyli potrzebuję by na przykład sidebar wysokością dotykał aż footera. A kolega obok - content, niekoniecznie. Ile będzie miał treści, tyle wysokości. Oto lepsze zdjęcie poglądowe http://s10.ifotos.pl/img/hahpng_wrrxwae.png

Ja to zrobiłem tak, że dałem w body diva z belką której image się repeatuje po y, 100% wysokości strony i manipulacja z-index. Belka była widoczna zaczynając od góry pod sidebarem i chowała się pod footerem. Ale to złe rozwiązanie bo jak się szerokość strony zmieniło to z uwagi że belka absolutna to zaczęła uciekać. Nie ma nawet co wrzucać tego.

Ten post edytował Kuba707 28.12.2014, 13:31:02