SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Evangelist stef25's Avatar
    Join Date
    Nov 2004
    0 Post(s)
    0 Thread(s)

    multiple columns of varying height

    the classic problem: i have a design with about 5 columns and each column needs a separate background to stretch all the way to the bottom, even if the content doesnt and the length of the content can not be predicted.

    so there is the faux columns technique but this breaks when users increase their font size. is there another (easy) solution to this problem? ive gone through all my books and bookmarks but i cant seem to find a decent robust solution to achieve this.

    I need someone to protect me from
    all the measures they take in order to protect me

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Hampshire UK
    183 Post(s)
    6 Thread(s)
    The faux columns should work even with text resize unless you have set the column widths in ems of course.

    I have a method here that works without using images but takes a little work to set up properly for IE6. Other browsers are pretty straight forward and the concept works with any number of columns and the columns can be fluid or fixed.

    Read the article for more info.

    Hope that helps.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts