Can someone help me with Equal Column Heights?

Discussion in 'HTML & Website Design' started by aim_high, Apr 4, 2008.

  1. #1
    I've been trying to make equal columns for a really long time now. I've been creating my first site, I want to focus on writing content, not designing. I have already spent way too long on designing. If someone is willing to help me, that would be amazing. I having nothing to offer other then my gratitude.

    Thanks
     
    aim_high, Apr 4, 2008 IP
  2. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hmm i'm not sure if this will work but my idea is to put your 3 columns in a wrap..

    So that it's
    <wrap>
    <content>
    <sidebar1>
    <sidebar2>
    </wrap>

    And then if you set sidebar 1 and 2 to 100% height in the CSS providing your content DIV is always longer the other 2 will match it.
     
    wd_2k6, Apr 4, 2008 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    kk5st, Apr 4, 2008 IP
  4. AstarothSolutions

    AstarothSolutions Peon

    Messages:
    2,680
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    0
    #4
    As per above, the columns are not actually the same height but it is faked by using wrapper Divs etc which gives the impression that they are the same height.... the exact technique will depend on exactly what you are trying to achieve.
     
    AstarothSolutions, Apr 6, 2008 IP