IE6/IE7 always showing vertical scroll bar

Our application uses dhtmlxLayout and calls layout’s setSizes() method on initialization and whenever the browser is resized.

Everything looks correct on Firefox and IE 8+, but on IE 6 and 7 there is always a vertical scroll bar present which allows scrolling of about 1-2 pixels in either direction.

I found that IE6/IE7 always show a “phantom” scroll bar even when the content fits on the screen (see and when the content overflows, the phantom scroll bar changes to a real scroll bar. In my case, the application is always showing a real scroll bar with a small amount of scrolling available.

It is almost like the setSizes() method is setting the layout size a few pixels greater than it should so IE puts a real scroll bar there.

The body of the application is declared with these style attributes, including overflow:hidden

<body style="width:100%; height:100%; margin:0px; padding:0px; overflow:hidden;">

Any ideas why IE6/7 (or IE8 running in compatibility mode) insist on the scroll bar?


try to set overflow:hidden as follows:

html, body{ width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; }

Thank you that worked… had those style settings for but not …