Tutorials on CSS columns

A method to make all columns appear to be the same height, but without the need for faux column style background images.

Create the look of columns using the float, width and margin properties.

The Practice of CSS Column Design: Boxes in Columns

Creating a grid to hang various elements on.

An elastic layout with two columns of equal height, each with a different background color.

Use as many columns on a page as you like. (although it gets difficult quickly & relies heavily on percentages, which the various browsers all calculate differently. Reduces markup for removing borders and using different background colors for your columns.

A fluid layout which has all the CSS needed to create one, two, three or four column layouts.

Re-visiting faux columns to offer a CSS cross-browser solution.

Creating liquid faux columns using the sliding doors and fixed faux columns techniques.

Zoe Gillenwater's article on creating equal height columns in liquid layouts with coloured backgrounds - aka faux columns. The example includes two and three column layouts.

Faux Columns for Liquid Layouts give a clearoverview on how to produce faux columkns with background images.

A Netscape Navigator 4 ready example of faux columns with background images.

Balance your CSS Columns with JavaScript.

Javascript finds out which div is the longest and then sets the others to be the same length.