PDA

View Full Version : IE6 Scrolling Issue



theflyingminstr
Mar 31st, 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;}
</style>

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

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

<div id="content">

Site Contents..

</div>


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")
</script>

</div>

<!--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>')
else
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

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

theflyingminstr
Mar 31st, 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.

http://tab-bot.com/test.html

Excavator
Mar 31st, 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

theflyingminstr
Mar 31st, 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!!

Excavator
Mar 31st, 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.

theflyingminstr
Mar 31st, 2009, 07:12 PM
I just did that to illustrate the problem I was having