Results 1 to 3 of 3

Thread: Help with scrolling text/images

  1. #1
    Join Date
    Feb 2007
    Posts
    46
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default Help with scrolling text/images

    My website has many pages where the content is bigger than the background, so we need a scroll-bar on the right so users can scroll down to see more. To do this, I'm using the overflow attribute as follows:

    <div style="border:none; background:transparent; padding-top:0px; padding-right:10px; padding-left:4px; width:386px; height:298px; overflow:auto;">

    So far, everything "seems" to work fine in I.E. and Mozilla (FF), but in Safari (MAC), some pages work fine and some don't.

    For example, these ones work fine:

    http://www.bossteel.com/News/HomeDepot.html
    http://www.bossteel.com/our%20compan...nyProfile.html
    http://www.bossteel.com/EuroKlemp/EKGallery.html

    BUT, this one does not seem to display properly in Safari. The background repeats below several times, even though the code within the <div> is the same:

    http://www.bossteel.com/Services/Services.html


    If you are able to see the problem with the one page above, perhaps you can tell me what I've done wrong? I'm stumped.

  2. #2
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    It's probably just the way Mac uses Safari. It uses the same rendering engine as FireFox, so it's probably just Mac acting up.
    Sorry, but I can't help much further then that, seeings I don't have a Mac (don't really want one, either).
    - Mike

  3. #3
    Join Date
    Nov 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default overflow problem

    I'm having the same problem for someone I'm working for at the moment, safari seems to render overflow:auto incorrectly.

    used firebug to track the problem down but I still haven't found a way to sort it. It's working fine in every other browser I've tested.

    http://www.hundredthmonkeyuk.com/forum.php

    That's the only page with a problem. You;ll notice that the content is meant to scroll down. The bottom div is treated as though it is on a z-index above the navigation. (It isn't 'cos it's relatively positioned). I found this using firebug to test it. I need overflow:auto on so the content is visible in every other browser and I've tried all sorts of other hacks on it without any success.

    I wondered if you might fancy collaborating to see if we can sort this between us? It would be handy for me, and nice to have a hack named by us also!

    Look forward to hearing back.

    Mark Hankins

    Technical Director

    Edot3
    www.edot3.com

Bookmarks

Posting Permissions

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