Search Friendly Programming

CSS Based Templates

Basic template in XHTML Strict and CSS for a popular site layout for a small scale website (10 - 12 pages) . However given the versatility of server-side includes or scripted includes, coupled with the ability to change the whole design of a site with a few changes to the stylesheet it does lend itself to a design that is capable of being transformed into 10,000 page website.
The pages here are all set as static but for use on a real site SSI would be used for all common elements.

Two pages are added here. One is to show what happens if the content is longer than the fixed height, By setting the content containers overflow property to auto the will give scroll bars on to the element. Do be aware that users of other browsers than Internet Explorer may not be able to use the scroll wheel of their mouse or the keyboard cursor keys to move through the content.
For Firefox the mouse wheel problem can be fixed by installing the All-in-One Gestures Extension from the developers site.
The second is to show how the layout can be changed with simple changes to the stylesheet. This page has the menu on the right.