three columns layout, fluid center, fixed width sides

With floats, negative margins, no faux columns background images, max- min- width

First in source

Here is a left float test box.

The headings and paragraphs are widthless and have 1px red borders to show any width problems in the columns.

Here is a right float test box, a right float test box.

Some Of The Features

Any column may be longest. All the columns are floated.

an extra sized element to check if it breaks something

show/hide an extra wide element. This is a test link and this text is here to make this column a bit longer. This is here to make this column longer.

Second in source

Here is a left float test box.

Here is a right float test box.

This column is floated and negatively margined.

This is here to make this column longer. This is a test link. This is here to make this column longer. This is a test link. This is here to make this column longer.

Third in source

Here is a right float test box.

Here is a left float test box.

This layout works in: IE 6+, Opera 9+, Gecko 1.8+, Safari 3.1+.

bottom, footer CSS tests home