How to position the footer at the bottom of the page or underneath the content

I'd like my footer to be at the bottom of the page all time, because my pages aren't that long.

But when a page is longer than the screen, it needs to be underneath the content like a proper footer and not stuck at the bottom of the screen.

Solution