Description of the problem: when IE contains an iframe that is partially outside the viewing area (so the horizontal scrollbar is showing), and references a document that contains the CSS declarion BODY {position:relative}, IE will recalculate the width of the parent window, potentially causing the horizontal scrollbar to disappear.
Workaround: Remove the position:relative statement in the iframe src document. Various attempts to force a scrollbar in the main window using overflow or width attributes do not work: these apply when the window is initially loaded, but are superseded by the iframe src contents.
Test case: To view, resize your window if necessary so the iframe is partially or completely outside of the viewing window. Click the "load 1" button below to load a file that contains the CSS declaration BODY {position: relative}. Watch the horizontal scrollbar in the MAIN WINDOW disappear! Click on "load 2" to load a copy of the same document, without the position:relative statement. The horizontal scrollbar stays put (or returns).
NOTE: this test case does not work in other browsers, but a similarly constructed test case in Mozilla and Opera will show that the scrollbar in the main window is unaffected by the contents of the iframe.
Attribute | Frames (comma-separated) | Default |
---|---|---|
Col 1, a short column | Col 2, which is longer than Col 1 | Col 3: an even longer column that isn't fixed-width |
... | ||
... | ||
... |