3 cols layout, center fluid

Based on Big John's Piefecta, with min-width

First in source

This center col is first in the source, being a right float within a left-floated wrapper. The left col (second in source) is floated left in that same wrapper, and following the wrapper is the right floated right col (third in source.)

This is a 500px wide div, to check what happens with IE/Win and its “box expansion”

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

Some Of The Features

Here is a right float test box.

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

Back to normal page without oversized content.

Second in source

Here is a left float test box.

This col is floated and also negatively margined to the left, so it is pulled out of its container except for a single pixel that is kept within the container.

Here is a right float test box.

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. This is here to make this column longer. This is here to make this column longer.

Third in source

Here is a right float test box.

This column is floated, and then negatively margined to the right, pulling it nearly outside its container just like the left column.

Here is a left float test box.

This layout works in: IE5+/Win, Opera 6+, Mozilla, Safari, IE5/Mac.

This is a test link. This is a test link.