In IE 7 (haven't tested against other versions of IE), when I resize the browswer, the scrollbars in one of the iframes on my page become active (as I want).
However the controls which are visible on the page (textboxes, divs with borders) overlap the (horizontal & vertical) scrollbars. It's as if they have a higher z-index that that of the scrollbar.
Does someone know what I can do to ensure this doesn't happen?
-
This was a known regression when IE7 was released (occurs in IE8 too) that MS rejected (from their kinda-public bug tracker)
this only happens with <frames> in IE7 or IE8
<iframe> is OK.
Basically using framesets and IE7+ is a royal pain. I would highly recommend against it.
: I'm only using: I've found other posts with sample code outlining the same problem. http://www.infoqu.com/dev/css-help/content-overlapping-scrollbars-146496-1/ (I'd like to stick to using iframes if possible) -
Changed scrolling property on iframe to be auto rather than yes and scrollbars are behaving as expected.
<iframe class="frmProperty" height="100%" frameborder="0" id="ifrmProperty" name="ifrmProperty" width="100%" scrolling="auto" ></iframe>
0 comments:
Post a Comment