CSS: make container fit screen

css, html, overflow

Solution

OK Figured it out

I had to add:

min-height: 100%;

to the body

and use

bottom: 0;

on the sidebar

Thanks for your help :)

Problem

I am working on a website which has two containers: sidebar and the main content. The problem is that when minimizing the window (only) the left sidebar fits the size of the current size of the screen and when scrolling down the sidebar disappears.. This only happens when the content container (on the right) doesn't fill the screen.. You can try and minimize this page you'll see that the left side bar disappears when scrolling down when window is minimized. You can try a good page with more content, you'll see that all is fine here.. I tried `height="100%" and width="100%"`

Original source