Liquid div height with scroll auto

Discussion in 'HTML & Website Design' started by cleyburgh, Apr 27, 2010.

  1. #1
    Hi,

    I'm hoping someone can help me with the following problem or at least steer me towards a solution:

    I am trying to create a web page with 3 div: a header (height 30px, margin-top 30px, margin-left 50px), a content div (liquid height, margins left & right auto, margin top & bottom 20px), and a footer (width 100%, height 270px, must be stuck to bottom.) In addition I would like the content div to automatically have a scroll bar, not the browser window, when the content inside the content div exceeds its height.

    If you are like me, perhaps the following image can better explain what I am hoping to achieve:

    WebpageQues.jpg

    I have searched the web for a solution but have thus far come up empty. Please let me know if this is possible without using tables. I would prefer a css solution of course but js could also work.

    Thanks, Sean.
     
    cleyburgh, Apr 27, 2010 IP