treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Non scrolling column

  • Hello all,
    I assume this question has been asked numerous times, however I didn't quite know how to phrase what it is that I'm trying to accomplish, so here goes. Basically I want to have a page with two columns. Left column 30% and Right column 70%. I am looking to have the left column remain still (but taking up the entire 30% width and 100% height of the window), whilst only the right portion of the page scrolls...Does this make sense?

    Thank you, and again sorry if this has been posted countless times,

    Ryan
  • Give the left column a position of fixed and a 100% height.

    This is a rough example, might be a better way to do it, but should give you a good start: http://jsfiddle.net/gQ36W/
  • Awesome.

    Thank you!