Basic Sticky Footer CSS Templates

Basic Sticky Footer CSS Templates

Posted on: 17/09/2009

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

4 Comments

  • N_i_c_k_e_l
    09/12/2009 | Permalink |

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

  • Jen
    21/05/2010 | Permalink |

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

  • Dizi
    22/05/2010 | Permalink |

    Teehee a Clueless reference, love it :-P

    I’m happy that it helped you Jen :)

  • Pete
    11/06/2010 | Permalink |

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

Leave a comment

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