Hi there, Internet Explorer (6 and 7) confounds me with inconsistent scrollbar behavior.
I use three DIVs for creating a three row layout - header DIV - content DIV - footer DIV The second DIV has overflow set to auto. I'm seeking a fluid layout. That is the header should "glue" at the browser window top and the footer at the bottom - no matter how much content is in the second DIV. I failed to get a fluid layout applying CSS only, so I asked Javascript for help: I use Javascript to adapt the second DIV's CSS height so that all three DIVs fit in the browser window. Usually scrollbars appear on the second DIV. However, if the user increases the browser window width (until content fits) the x-scrollbar is unnecessary and thus should disappear. Instead, depending on the browser window width at the time the document was loaded the x-scrollbar stays. The problem is best explained using an example. So please see this stripped down version of the original page where I first encountered the problem: http://14mb.de/u/dkabs/testcase_ie_resize.html The page contains three DIVs: header, content (yellow background), and footer DIV (and an advert, but I did not place it). The Javascript code has been replaced by a form button that sets CSS height of content DIV to 200px. The form buttons also simulates a fixed width content in order to force a horizontal scrollbar to appear if the browser window is made small enough. Try this: - load page in a small browser window - press button on page -> x- and y-scrollbars on content DIV appear - increase browser window width [*]-> x-scrollbar stays (unexpected) - reload page (this time the browser window is wide) - press button on page -> y-scrollbar, but no x-scrollbar - shrink page width -> x-scrollbar appears (as expected) - expand page width -> x-scrollbar disappears (as expected) [*]Strangely enough, if the browser window is maximized using "Maximize" window button, the x-scrollbar duly disappears. How can I work around this problem? I'd like to get rid of the x-scrollbar if it is not necessary and still keep the layout fluid. How can I do this? Cheers Daniel ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
