It does not matter how much content is in each column, the background colours will always stretch down to the height of the tallest column.
Each column is 33.33% percent wide with 2 percent padding on each side.
The CSS used for this 3 column layout is 100% valid and hack free. To overcome Internet Explorer's broken box model, no horizontal padding or margins are used. Instead, this design uses percentage widths and clever relative positioning.
This three column layout requires no images. Many CSS website designs need images to colour in the column backgrounds but that is not necessary with this design. Why waste bandwidth and precious HTTP requests when you can do everything in pure CSS and HTML?
𐐖𐐪𐑌 1:1 -- 𐐆𐑌 𐑄 𐐺𐐨𐑀𐐮𐑌𐐮𐑍 𐐶𐐲𐑆 𐑄 𐐎𐐲𐑉𐐼, 𐐰𐑌𐐼 𐑄 𐐎𐐲𐑉𐐼 𐐶𐐲𐑆 𐐶𐐮𐑄 𐐘𐐪𐐼, 𐐰𐑌𐐼 𐑄 𐐎𐐲𐑉𐐼 𐐶𐐲𐑆 𐐘𐐪𐐼
You don't have to pay anything. Simply view the source of this page and save the HTML onto your computer. My only suggestion is to put the CSS into a separate file. If you are feeling generous however, link back to this page so other people can find and use this layout too.
This 3 column layout has been tested on the following browsers: