View Full Version : Now I'm getting 2 scrollbars in IE7

02-24-2011, 09:03 PM
For some reason i get 2 scrollbars when i shrink browser in IE7. Help please! I think it has something to do with an overflow not being set or something!

html, body { overflow:auto; height:100%; background:#FFF; font:13px Calibri, Verdana, sans-serif; }
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }
div#wrapper { min-height:100%; background:url(../images/bg.png) center repeat-y; margin:0 auto; }
div#content { overflow:hidden; padding-bottom:256px; width:932px; margin:0 auto; position:relative; }
div#header { width:932px; padding:0; height:134px; background:url(../images/header_bg.png) no-repeat center; position:relative; z-index:1; margin:0 auto; }
div#menu-left { width:28px; height:57px; background:url(../images/menu_left.png) no-repeat; position:absolute; left:-12px; top:134px; z-index:2; }
div#menu-section { width:900px; height:57px; background:url(../images/menu_bg.png) no-repeat; position:absolute; left:16px; top:134px; }
div#search { position:absolute; right:53px; top:90px; }
div#menu-right { width:34px; height:57px; background:url(../images/menu_right.png) no-repeat; position:absolute; right:-18px; top:134px; z-index:2; }
div#footer { position:relative; margin:0 auto; margin-top:-257px; height:256px !important; clear:both; width:932px; background:url(../images/footer_bg.png) no-repeat; overflow:hidden; }

Link: http://www.gorillaonemedia.com/home.php


02-24-2011, 09:27 PM
Scrollbars are many times an indication of the box model being off. Sometimes the only way to clear something like that is to use a different method than overflow: auto;

Many times fixing the box model issue is better.

02-24-2011, 09:39 PM
I managed to get down to one scrollbar in IE7, but now the background is 1px off. Do you see this in your IE7. Why is it doing that?

02-24-2011, 09:43 PM
Nevermind: Added width of 932px to div#wrapper

Thanks again for your time!