Question

My friend is working on his website, but he has a problem with his sidebar. He wants the sidebar to go until the bottom of the page and not the bottom of the visible part in the browser. Here is the link to the page.

Can someone please help?

Answer 1

For the sidebar to reach the bottom of the page, the sidebar and all of it’s parent elements need to do the same. Meaning they all need to (in this case) be height: 100%;

In your case you need your html, body, #container, and #sidebar to all be height: 100%;

PS: On a sidenote, arguably it may be more appropriate for your sidebar to be an <aside> rather than an <article>.