This is my first time on these forums, so you will have to excuse any stupidities I bring with me. First, I am not trying to have anyone do my homework! I have been working on a layout for some time and was never able to fix this issue. I am not very big into web design so I am hoping there is a simple fix in CSS.
http://linus.highpoint.edu/~arobinson/ - The content here is really rough because I am not cleaning it up till I fix this issue.
The issue is that when I scroll using the main scroll, I am scrolling a div in the middle. The divs are as follows: Wrap which has a fix width, 100% height and centered. In the Wrap we have top, middle, bottom divs. In side middle there is one more div called content which middle just "Frames". When I scroll content, I want it to only scrolling in the content/middle div. In other words, if it overflows into the top or bottom divs the overflow is hidden. However, I want the content scrollable but only within the div.
As a note, I am aware that I have a second issue which requires that I do the height of middle with dynamicly with JS. This is because the wrap has 3 sections. Top and bottom have fixed pixel heights and I need to calculate the height of middle using JS instead of just giving a % of height.
Thank you ahead of time for any help and I look forward to any questions or additional info I can provide.