Keeping the footer at the bottom of the page when there is very little content on it can be very hard to do sometimes. I did everything I could think of, but the footer still didn’t stay at the bottom like I wanted it to. Or it would, but it was at the bottom of the browser and would cover content on a longer page.

Working on a client’s website, this was one thing that needed to be done. So, I looked all over Google for solutions and found several. Several solutions that didn’t seem to work. Because I don’t give up very easily on this kind of thing, I kept searching, going over the same solutions again thinking that I just might change something about them and get the footer to do what I wanted.

After a while of searching, I eventually came across one solution. Since I was desperate at that point I tried it out knowing that I could be wasting some more time. Entered in the correct CSS, refreshed the page and the footer was at the bottom of the window. Went to a longer page, the footer was below the content at the bottom of the page. I couldn’t believe it had actually worked!

If you have also had this problem before or just want to learn how it’s done for future reference, check out footerStickAlt. This is a very easy to understand solution!