Hello...
I need to do a website with 3 Columns where there will be different lengths of content in each column. I need them to scroll independently from each other when the mouse is in its respective column. But the scrolling must stop when the bottom of the content is reached in a column. There will also be a header and footer that need to remain visible in the browser window, even when scrolling down the content columns. I don't know how to code this and am asking for help with it.
Thanks
3 Columns w/ Independent Scrolling and Fixed Header & Fo
Show what you've tried so far.
3 Columns w/ Independent Scrolling and Fixed Header & Fo
In case you're really stuck - there's something similar at Stu Nicholls site: http://www.cssplay.co.uk/layouts/body5.html
3 Columns w/ Independent Scrolling and Fixed Header & Fo
In case you're really stuck - there's something similar at Stu Nicholls site: http://www.cssplay.co.uk/layouts/body5.html

3 Columns w/ Independent Scrolling and Fixed Header & Fo
Honestly, I don't have any clue where to start making this functionality. I just have a basic layout created by the layout generator from this site. I will check out the code from that page over the next couple days and post where I am at then. Thank you for that link HellsBells.
I do notice, on that page, that scrolling doesn't work with Firefox using the scroll wheel.
3 Columns w/ Independent Scrolling and Fixed Header & Fo
Unfortunately, mousewheel scrolling in divs in Firefox . . . . doesn't work It's a bug . . I'm pretty sure they will fix it.