Making left and right panels span the same height

Discussion in 'CSS' started by googling1000@yahoo.com, Apr 27, 2009.

  1. #1
    I saw this one page here:
    http://www.databird.com/stylin/lib/xhtml/layouts/2_col_liquid.html
    The stylesheet is here:
    http://www.databird.com/stylin/lib/css_styles/layouts/2_col_liquid.css

    I wonder if there is a way to make the left panel (the one with "Nav item 1" and "Nav item 2") cover the same height as the right panel. As of right now, the left panel will contain some white background and it looks funny.

    I may need to increase/decrease the size of the font often,... so manually putting in the height for the left panel won't work for me. Is there any other way?

    Thank you very much!
     
    googling1000@yahoo.com, Apr 27, 2009 IP
  2. diwebdesign uk

    diwebdesign uk Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You should put the #nav div within the #content div and give the #nav height:100%;
    This will mean no matter how tall your #content div is, the #nav will be the same size.

    Any problems, PM me
     
    diwebdesign uk, Apr 27, 2009 IP