3 column layout

a fluid-width "center" column – first in source.

This is a “main content first” variant.

a fixed-width side column – second in source.

a fluid-width side column – third in source.


This is not an “equal-height columns” layout. It is easily turned into one though.

No provision for IE6' lack of support for 'min-width'. See: min/max in IE for solution to that.

Creation: basic float layout based on negative margins.
date: 15.oct.2007
by: Georg Sørtun
purpose: concept-demo
Working in: Opera, Firefox, Safari, IE/win (any mode), and probably many others.