SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard johntabita's Avatar
    Join Date
    Mar 2001
    Location
    In a big, big house, with lotsa lotsa room
    Posts
    1,062
    Mentioned
    7 Post(s)
    Tagged
    0 Thread(s)

    Equalizing 3 Columns in Center Content Area

    I need some help with this layout. I can't get the 3 columns in the center content area to exend completely down to the footer.

    Each column is a dIV, and all are nested inside another DIV called "content". I've placed a background image in the content DIV that's a 2px high horizonal slice of the 3-column background, but for some reason it's not working.

    Any help would be appreciated.

  2. #2
    SitePoint Enthusiast
    Join Date
    Oct 2004
    Location
    Canada
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A div will only expand to the length of the content. To stretch all 3 columns equally you should be using one background image in a container DIV for those 3 columns. Find out more here:

    http://www.alistapart.com/articles/fauxcolumns/

  3. #3
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You need to specify units within your background declaration:
    Code:
    background: url(images/common/tile.gif) repeat-y 1px 0;
    If the three columns are floated, then you also need to either float the #content div to enclose them, or add a clearer div at the end (inside #content) to force its height to extend.


Bookmarks

Posting Permissions

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