Fluid 3 columns - No column longest - footer at bottom of window.

Back to main 3 column demo Main Demo

Start Left Content goes here : Left Content goes here : Left Content goes here : Left Content goes here : Left Content goes here : Left Content goes here : Left Content goes here : Left Content goes here : Left Content goes here : Left Content goes here :

Start Right content goes here : Right content goes here : Right content goes here : Right content goes here : Right content goes here : Right content goes here : Right content goes here : Right content goes here : Right content goes here :

3 column Fluid layout - any column can be the longest and all are fluid. Footer will stay at bottom of window unless content is greater then it stays at bottom of document.

The left and right column colours are provided by a background image placed on the body. See my article on equal columns to understand how an image can be used for fluid columns.

For a full explanation on the column techniques follow this link

(To see another method of creating equal columns have a look at my absolute overlay technique here and here.)