3-Column CSS Website Layouts

The 3-column CSS layouts in this section of the site are all original code provided by Adam Senour and Search Engine Friendly Layouts. All of the XHTML, CSS, and Javascript code (if applicable) contained within may be reused free of charge.

The graphic associated with each layout at the top indicates the ordering of the elements within said layout.

To use the layouts provided on this site, simply select the appropriate sections of code provided in the grey boxes containing the XHTML, CSS, and Javascript associated with each layout, and then copy and paste into your favourite text-based editor.

If you do not have a text-based editor, I highly recommend Notepad ++. Notepad ++ works in a very similar fashion to Windows Notepad, except that it colour-codes the appropriate XHTML, CSS, and Javascript and thus makes it much easier to read and debug.

3-column liquid search engine optimized layout with header and footer. This is a hybrid of two of the most common CSS layouts available.
3-column fixed-width XHTML layout with header and footer. This is a hybrid of two of the most common CSS layouts available.
3-column liquid CSS layout with header.
3-column fixed-width search engine optimized layout with header.
3-column liquid XHTML layout with footer.
3-column fixed-width XHTML layout with footer.
3-column fixed-width tableless layout.
This website is for sale!