Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Jul 2007
    Posts
    191
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE6 Scrolling Issue

    Hi I am using CSS to stretch my background image:

    Code:
    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

    Code:
    <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:DXImageTransform.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:DXImageTransform.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

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Post your complete code or better a link, so that we can see the issue.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    Jul 2007
    Posts
    191
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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_i...ize/index.html
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    Regular Coder
    Join Date
    Jul 2007
    Posts
    191
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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!!
    Last edited by theflyingminstr; 03-31-2009 at 05:47 PM.

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #7
    Regular Coder
    Join Date
    Jul 2007
    Posts
    191
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I just did that to illustrate the problem I was having


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •