View Full Version : IE6 Scrolling Issue

03-31-2009, 04:37 PM
Hi I am using CSS to stretch my background image:

html {height:100%;}
body {height:100%; margin:0; padding:0;}
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1;}

<!--[if IE 6]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}

<div id="bg"><img src="images/bg.jpg" width="100%" height="100%" alt=""/></div>

<div id="content">

Site Contents..


I also have a Javascript slideshow within this page

<div style="float:left; padding-right:10px;">

<script type="text/javascript">
new fadeshow(fadeimages, 343, 258, 0, 4300, 0, "R")


<!--Also some of the Javscript Slideshow CSS-->

if (iebrowser&&dom||dom)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;padding-top:15px;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTr ansform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTr ansform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')

The problem is in IE6, this Javascript slideshow stays fixed on the bottom of the page and doesn't scroll with the page contents.

Any help is greatly appreciated!

Thank you

03-31-2009, 05:36 PM
Post your complete code or better a link, so that we can see the issue.

03-31-2009, 06:03 PM
Hi abduraooft, thanks so much for responding. The test link is below. Notice in FF and IE7 the slide show moves when you scroll the page but in IE6 it stays fixed.


03-31-2009, 06:37 PM
Hello theflyingminstr,
I'm not sure what we're looking on this page. There is no reason for it to scroll since there's nothing there.

Maybe have a look at another approach for a resizing background image - http://nopeople.com/CSS/background_image_resize/index.html

03-31-2009, 06:41 PM
Thank you very much Excavator. I will try this new background stretching style and see if that helps the issue.

EDIT: That did it, thanks so much!!

03-31-2009, 06:46 PM
I see when I shorten the browser up enough that all those <p>&nbsp;</p>'s make it scroll but it should not have a scrollbar before then.

03-31-2009, 07:12 PM
I just did that to illustrate the problem I was having