3 column layout with fixed-width center and fluid-width side columns

a side column – first in source.

a side column – second in source.

a fixed-width center column – third in source.

This variant is more like the ordinary CSS solution with side-columns first.


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.