Sunday, April 17, 2011

Controls overlapping Scrollbar

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?

Screenshot

From stackoverflow
  • 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