• Link 1
• Link 2
• Link 3

Because the artwork for the faux columns is in the wrapper div which surrounds the columns, the artwork always repeats to create the illusion of full-height columns. Remember to use repeat-y to make the vertical repeating work.

By fixing the size of the three columns and floating them left, they arrange themselves side by side. This is a simple way to achieve a three column layout in CSS without using tables.

By fixing the size of the three columns and floating them left, they arrange themselves side by side. This is a simple way to achieve a three column layout in CSS without using tables.

By fixing the size of the three columns and floating them left, they arrange themselves side by side. This is a simple way to achieve a three column layout in CSS without using tables.

By fixing the size of the three columns and floating them left, they arrange themselves side by side. This is a simple way to achieve a three column layout in CSS without using tables.

This template uses a floated wrapper around the columns so the footer will sit below the longest column. The float ensures the wrapper encloses the floated columns on SCBs. In IE, a div will always wrap a "child" floated element, although this is not correct behavior.