Creating Liquid Faux Columns

By: Zoe Gillenwater on Wednesday, December 8, 2004
Reader Level:

Web designers converting from table-based to CSS-based design are often frustrated by the seeming inability to create equal height columns in CSS, an easy task with tables. Once they learn about the famous "faux columns" technique that simulates equal height columns using a tiling background image on a container, many remain frustrated that the technique only works for fixed width designs. Not so! This article will show you how to create liquid equal height columns using cleverly constructed background images and the background-position property.