Three column negative margins

Uses negative margins to enable a fluid center for a three column layout

How it works

The layout comprises five structural divs: header three columns - left, center and right and a footer. The header, center column and footer are fluid, and the left and right columns are fixed width.

This technique requires two wrapper divs, one around all three columns, and within it, one around just the left and center columns.

Sign up to receive our email newsletter.