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 8 of 8
  1. #1
    New Coder
    Join Date
    Mar 2007
    Location
    England
    Posts
    27
    Thanks
    1
    Thanked 0 Times in 0 Posts

    overflow:scroll; hidden scroll bars behind bckgrd img.

    Okay after careful consideration and thought I have now ditched the expanding image that I was asking for advice on, now need some additional help on my site.

    I have used overflow:scroll; on my photo and text pages where the content box is smaller than the content.

    But when it is overlapping the background photo, the scroll bars on the box are hidden. Whilst messing around with the image size in the background I noticed that the scroll bars become visible when the content box exceeded the boundaries of the background photo, so it seems that the background photo is hiding the scroll bars? I have tried using z-index of 1 on the background and the content box with a z-index of 2, this didn't resolve the issue but did take affect.

    Any clues, I know the title is not relevant to the subject now so I'll see if I get any response and might need to start a new thread.

    URL is the same:

    www.digital-constructions.com/index.php

    Cheers . . .

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    This is as it looks to my PC - Vista Home Premium - Firefox

    see next post.

    Frank
    Attached Thumbnails Attached Thumbnails overflow:scroll; hidden scroll bars behind bckgrd img.-screenhunter_03-oct.-03-10.50.jpg  
    Last edited by effpeetee; 10-03-2007 at 11:13 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    This with IE7 - no image.

    See previous post

    Frank
    Attached Thumbnails Attached Thumbnails overflow:scroll; hidden scroll bars behind bckgrd img.-screenhunter_04-oct.-03-11.00.jpg  
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • Users who have thanked effpeetee for this post:

    eskdale (10-03-2007)

  • #4
    New Coder
    Join Date
    Mar 2007
    Location
    England
    Posts
    27
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Err okay so I have a two fold issue!

    The page with the fault I was talking about originally was for example (there are a few pages using the same CSS)

    www.digital-constructions.com/puerta.php

    I'll look into the IE issue now . . .

    Cheers Frank . . .

  • #5
    Regular Coder
    Join Date
    Apr 2006
    Posts
    117
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I'm not seeing the problem you are talking about but I got an idea that may help...

    Try using overflow: auto; in stead of scroll. Scroll has given me overflow problems in the past as where auto hasn't.

    Other than that the only thing I've seen is your new problem. What version of FF are you using?

  • #6
    New Coder
    Join Date
    Mar 2007
    Location
    England
    Posts
    27
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Firefox 2.0.0.7 . . . on a mac so never able to check IE, oh I miss IE, with its quirky nature and inability to meet standards . . .

  • #7
    New Coder
    Join Date
    Mar 2007
    Location
    England
    Posts
    27
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Okay changed it to "auto" overflow and its still the same, so do you see the scroll bars on the photo div Tyrial101? With the image now being 1000x750 its hard to get a screen resolution where the div sticks out below the image now. But if you can, you'll see the scroll bars magically appear.

  • #8
    New Coder
    Join Date
    Mar 2007
    Location
    England
    Posts
    27
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Out of interest I changed my #bg from a:

    Code:
    position:fixed;
    to:

    Code:
    position:absolute;
    This resolved both the scroll bars disappearing on my photo and content2 divs and the scroll bars locking up on Firefox.

    I would be interested to know if the image appears in IE now?

    Cheers . . .


  •  

    Posting Permissions

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