|
Scrolling within iframes
I'm working on a tabled layout with one cell acting as an iframe. At the moment, scrolling is enabled throughout the whole thing; the problem with this is that, depending on what toolbars a given user has in their browser, the layout sometimes ends up just a few pixels too long for the screen and a scrollbar appears on the righthand side of the page in addition to the scrollbar contained in the iframe. This makes scrolling REALLY awkward for anyone using a mouse with a scrolling button; the entire page shimmies and shakes instead of just allowing the contents of the iframe to scroll up or down.
I'm already aware of the scroll="no" body tag and the "overflow: hidden" CSS style tag. But the scroll="no" tag doesn't work in Firefox, and the problem with the CSS tag is that if I apply it to my index page it also applies it to the iframe and forbids scrolling within the frame as well.
Is there any way to disallow scrolling of the main page while still maintaining the iframe's ability to scroll? Moreover, is there a solution that will work for multiple browsers?
Last edited by Happy Heathen; 10-13-2005 at 06:53 PM.
|