Basic Fixed & Fluid CSS Templates

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 Fixed & Fluid layouts, where both fluid and fixed columns are used to create the layout.

2 Columns – 1 fixed, 1 Fluid

fixed & Fluid
Demo | Download

3 Columns – 2 fixed, 1 fluid

fixed & Fluid
Demo | Download

4
Comments

  • August 25, 2009 | Permalink |

    Excellent collection of free templates! I wish I had something like this to look at when I first started in web design. :tup:

  • Alex
    August 26, 2009 | Permalink |

    Great Work Dizi! :-D i’ll refernce to this later on, some helpful hints here too :P

  • Sam
    September 1, 2009 | Permalink |

    Wow great collection of templates, you don’t happen to have some examples of vertical center sites you could share?

  • Dizi
    September 2, 2009 | Permalink |

    Thanks :wub: . There are now some examples of vertical layouts. Also a tutorial will be added soon to the tutorial section explaining my personal favourite way to set a site to the middle of the page :)

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]