Forum Moderators: open
I would like to make the center of the design scroll, this would be possible with frames but unfortunately for the design I'm using it would also ruin the layout and simplicity.
I've considered using layers but I'm not sure due to cross browser compatability issues and browser resize actions...the layout of the site would be perfect if I could just make a table scroll.
So my first question is :
1) Am I missing some glaringly obvious solution to this problem?
2) Is it possible to make a table scoll using Javascript that is cross browser compatible?
3) If not is it possible to make a layer fix to a point on the browser page if a browser is resized?
4) Is it possiblr to limit a layers scroll bars to one side of a layer?
If anybody can help with this I will be most grateful....If there isn't a direct solution options might help me to work around the problem rather than stuggling through it.
Cheers in advance!
Rob.
There are probably a few ways to do this. Which one you choose depends on how you balance elegance for cross-browser compatibility.
One way is to enclose what you want to scroll in a div, and in the css file, define the div as:
overflow: scroll;
This will work in the major browsers: NN6, 7, IE6, Opera 7. Opera 6 is dicey, depending on if there is anything below the scrolling area, so you might need to exclude the css code from Opera 6, either with a 'css hack' or with some javascript that test which browser, and then loads the appropriate css file. Once excluded, you wont get what you want in Opera 6, but you might consider it an acceptable degradation.
Shawn
