CSS Page Layout Templates
Introduction/2 Column Templates
The following page templates are all constructed
using XHTML1.0 and CSS2.
Templates marked with 
are ones I
recommend.
Please note: these templates are a learning tool and should be thoroughly tested before being used on a 'production' web site.
The templates are valid CSS2 and XHTML1.0 Transitional and have been tested on WinXP with IE6, Opera 7.11 and Mozilla 1.5b as well as Firefox 0.8 & Netscape 7.1 (which are basically the same as Mozilla).
Templates: Two column |
Three column |
General
Two Column Flexible
'
'
'
'
(5+)
Two Column Flexible With Header
'
'
limit how high or wide a positioned element gets, not to mentioncases where you want the browser to go ahead and automaticallycalculate the width, or the height, or both.9.1.3.1. Setting width and height
If you want to give your positioned element a specific width, thenthe obvious property to turn to iswidth. Similarly,height will let you declare a specific height
'
'
(5+)
Two Column, Left Column Static
'
'
'
'
(5+)
Two Column, Left Column Static, with Header Bar
'
'
'
'
(5+)
Two
Column Fixed Width with Header & Footer
'
'
'
'
(5+)
Templates: Two column |
Three column |
General
Note: The poor colour schemes and thick borders of the templates are for demonstration purposes. :-)
