How to make my footer always stay at the bottom of the page, even when the page content is smaller than the screen?

Vote count:

0

I haven't added content to my page yet, since I'm still working on the header and footer. I noticed that my footer, instead of being at the bottom of the page, like it would be if the page was taller, it's in the middle of the page, right below the header.

I know this is what should happen in CSS, but how do I make it go to the bottom? I try position: fixed; bottom: 0px;, but it goes to the bottom, and when I add more content, it will either overlap or go under the content.

How can I fix this problem? I'd like to without using JavaScript.

asked 31 secs ago

Phoenix Logan

245