Scrolling Background

monkeydo / 2010-03-14 23:21:42   

Hello,
I've got a background image specified in my css, but I really want it to scroll with my content. Having read through the forum questions on that topic I can't find what fixes my problem but I thought it would be reasonably simple: background-attachment:scroll ?

working site

Any help or suggestions would be great!

Cheers.

monkeydo / 2010-03-15 22:02:45   

Hello?
Have broken a forum rule?

I don't mean to be rude, I've been working on this for two days now, going round in massive circles, to no avail. I'm still convinced it must be something in the css but I just can't get it to work.

If anyone has ideas, or suggestions I should try I would really appreciate a push in the right direction.

richardn / 2010-03-16 05:03:28   

I don't think you've broken any rules, and you haven't been rude... but sadly I don't know the answer to your question... maybe it would be helpful to others wiser than me if they had a link to a specific page where the background doesn't scroll...

monkeydo / 2010-03-16 05:53:43   

Ahhhh! Thankyou! I see where my question has failed!
The specific page I am trying to fix is here.

I want to make the background scroll with the content (text and images). Will using the full-browser background image make this work? From reading the thread on the topic it seems that it makes the image change size according to the browser window. I want my background image to stay the same size all the time.

blameme / 2010-03-16 09:16:49   

better to take out the background-image from the body and just add it :

  1. background-image: url(http://www.monkeydo.com.au/shop/files/6_background.jpg);
  2. background-repeat: no-repeat;

to #container in your css.

Doctor_Osimo / 2010-03-16 11:41:33   

note in your CSS:

  1. body {background-attachment: scroll !important;}
monkeydo / 2010-03-18 01:48:39   

Thank you! Thank you! Worked a treat!

This thread has been closed, thank you.