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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS Background resize with scrollbar?

    Hi there, I'm glad I have found this forum, seems to have alot of people in here

    A little CSS question here...
    I have background pattern in my body and a second background pattern inside a div wich is in the body.

    For now everything is fine.. the pattern in my div resize to 100% of my browser and everything goes fine.
    Now the problem... By the time I resize the browser small enough to get a scrollbar (horizontal) and scroll it, I loose my patern background in my div but not the one in my body..

    How to fix that?
    Link to the web page in question: http://www.labeaume.org/

  • #2
    Regular Coder
    Join Date
    Dec 2006
    Posts
    177
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Remove overflow:hidden in the #page in your css, add the code below and see if it works.
    Code:
    html{overflow-x:hidden}

  • #3
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hum, it simply hide the scroller, I want to keep the scroller and keep my pattern being shown properly when scrolled...

  • #4
    Regular Coder
    Join Date
    Sep 2007
    Location
    Raleigh, NC
    Posts
    273
    Thanks
    7
    Thanked 59 Times in 52 Posts
    I think it has to do with the fact that the background is absolutely positioned.

    I would make #page a wrapper for the entire body content, and set the background in that so that it'll expand properly.


  •  

    Posting Permissions

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