naesnaes

Html-Css

How to Make the Footer Go to the Bottom

Here’s how I keep my website footer at the bottom. I need these footers to do a few things:

  1. Always be at the bottom of the page
    • When a page is shorter than the height of the screen, then the footer should stick to the bottom of the screen.
    • When the page is longer than the height of the screen, then the footer should be at the bottom of the page. This means that I need to scroll in order to see the footer.

The Approach

Ok so why is this so hard? IDK. Here is an easy approach: