[CSS & Variable Height] How to create a sidebar with variable submenu ?

Discussion in 'CSS' started by thecm, Nov 10, 2012.

  1. #1
    Hi there,

    I am having a big problem in CSS, and I don't usualy require for help but now it's or asking, or giving up so :p

    Well, basicly what I want to achieve is a FIXED vertical sidebar (like the facebook one), using 100% of the height, and including 3 submenus.

    1 - Height: fixed amount of pixel (should not be scrollable)
    2 - 60% of the rest of the height (will contain the notification so it has to be scrollable)
    3 - 40% of the rest of the height (will contain the online buddy so it has to be scrollable)

    This is what I ve done until now: http://jsfiddle.net/CrqLn/

    I have also made an image of what I am trying to achieve so that you can understand better:

    form.jpg

    Well, I hope you can provide me some help cause I have no idea how to fix this. Thank you very much !

    TheCM.
     
    thecm, Nov 10, 2012 IP