[RESOLVED] scrolling content div with browser scrollbar
I've been fighting with this for a while now. I'm getting close, but there a just a few quirks I cannot get figured out. I have a centered set-width div with a header, left side nav, and right side content. I want the content to scroll with the browser scrollbar and everything else to stay in place (ie fixed). It's mostly working. I have 10px of margin above the header and my scrolling content should not be able to be seen above the header when it goes up there. I want the whole wrap div to be set to auto height according to the content div with a min-height so it goes down to at least the bottom of the navigation links. But when the content gets longer than the bottom of the window, I want it to have a 10px margin from the bottom of the window and then auto-scroll the content.
Any help would be greatly appreciated.
Awesome Mr. Baggins, that works wonderful! Sorry to be nitpicky here, but is there any way I could add a 10px margin above the whole wrap? I tried just doing it as is and it breaks it pretty good. I've uploaded the new version to http://www.michaelandregina.com/demo/
Upadate: Woops, nevermind, I played around with it and got it figured out! Thank you very much. Solved!
Last edited by dmikester1; 12-29-2010 at 04:49 PM.
Reason: figured it out