keeping my footer on the bottom on the page

[puppup007]

Hey Guys

I have tried so many things but nothing seems to work. I have to use absolute positioning to keep my footer at the bottom of my page, this seems to work but when the content is longer that the screen the footer prints at the bottom of the window and not after the content and thus overlapping the content. I have googled and read many answers but none seem to work for me.

here is my code : http://codepen.io/anon/pen/PwPjpp

if anyone could help point out what i am doing wrong that would be great

[Senff]

Please do not paste all the code of your site — limit it to the relevant code only or create a case in http://codepen.io. Help us help you!

[puppup007]

Sorry new to the site, didnt know how much of the code would effect the results

[Senff]

Have you looked into any of the available sticky footer solutions out there?

Try this: https://css-tricks.com/snippets/css/sticky-footer/

[Author]

Posts