SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict
    Join Date
    May 2006
    Posts
    291
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to Make Columns Reach Down?

    Please see:

    http://www.highlycreative.co.uk/test...uts/test13.htm

    How would I make all four columns reach down so they are all the same height?

    Thanks

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,114
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    There are lots of answers to this around the place (Google "equal height columns", for example, to find lots of solutions).

    One simple option is to remove all the floats on the inner divs and do this instead:

    Code:
    #homepage {display: table;}
    #homepage > div {display: table-cell; vertical-align: top;}
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


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
  •