Basic Sticky Footer CSS Templates

Posted: September 17th, 2009 | 8 Comments »

The templates below are part of the Basic CSS Templates collections, these templates were created as coding examples rather than be about how they look on the outside.

The aim of these collections is to help beginners see examples of how different column layouts could be coded, and also as blank canvas that could be built upon to create a website. As these are very basic coding examples created as a starting point of the css structure, you are free to use them for personal or commercial projects.

The selection below are examples of how to create a footer that sticks to the bottom of the page.

Fluid

sticky-fluid
Demo | Download

Fixed

sticky-fixed
Demo | Download

8
Comments

  • N_i_c_k_e_l
    December 9, 2009 | Permalink |

    Dear Author webdesignpond.co.uk !
    I am very grateful to you for the information. It very much was useful to me.

  • Jen
    May 21, 2010 | Permalink |

    Thanks Dizi, this really helped, 2 very enthusiastic thumbs up! :tup:

  • Dizi
    May 22, 2010 | Permalink |

    Teehee a Clueless reference, love it :-P

    I’m happy that it helped you Jen :)

  • Pete
    June 11, 2010 | Permalink |

    thankyou for all these templates they have really helped me learn html and css

  • Benny
    September 22, 2010 | Permalink |

    These templates have helped me with one of my designs thanks for sharing them.

  • Dan B
    June 8, 2011 | Permalink |

    The fixed template download doesnt work

  • Dizi
    June 10, 2011 | Permalink |

    Thanks for letting me know Dan, it must not have copied across when I moved my hosting. Its now been fixed :)

  • Katrina
    June 21, 2011 | Permalink |

    Thanks for that :)

Have Your Say

Your email is never shared. Required fields are marked *
To add code to a comment use this [code] your code here [/code]