Uneven columns
22 February 2008 Tips  Marek Sienkiewicz
Technorati Logo Technorati  Delicious Logo Del.icio.us  Dig Logo Digg  Blogflux Logo Blogflux
Bubble image
One of the problems with floating containers is that they will generally only extend to the depth of their content. Imagine therefore that you have two div's side by side within a containing div it can be very hard to create the illusion of columns using background colours alone.

The solution is to use a background image that gives the illusion of columns for the containing div. This image can be added to the containing div as a background image and repeated down the y axis.

The floating div's then sit over the top of this repeated image, and the colours will extend to the bottom of the page, no matter which column is longer.





Please post your comments:

Name

Email
                           

   

Enter the text you see in the box:

Captcha Image