Menu boczne - height: 100% nie działa

Question

Witam, mam problem.

Na zajęcia na anglistyce mam zrobić stronę internetową. Zdecydowałem się na stronę z menu po lewej stronie i główną treścią po prawej. Niestety, mimo wpisania do menu w CSS "height: 100%" menu nie sięga końca strony, to jest footera. Czy ktoś wie jak to zmienić? Jestem pewien, że to dosyć proste i banalne, ale sam nie wiem gdzie jest błąd. 

LINK do Githuba: https://github.com/SzymonBrycki/EnglishWebpage

Answer 1

100% to pełna wysokość rodziaca, który nie ma wysokości na całą stronę. Ustaw 100% wysokości odpowiednio na html i body. Jeśli chcesz, żeby odjąć wysokość headera - musisz ją zdefiniować i zastosować np. calc.

Footer swoją drogą na position fixed jest tragicznym rozwiązaniem, powinien zajmować treść i być na końcu strony, a nie przyklejony.