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 www.google.com) 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?