Terminating a Background Image

[murph402]

I have been struggling with this problem for a while, and i cant seem to find anything about it in other CSS forums. It seems simple: i want my "body" background image to stop repeating at the end of my main content area of the page. If you take a look at my page, you’ll see what i mean immediately if you just make your browser window a little larger:
http://www.theaubribrownclub.org/proofs/index_test.html

Here is my CSS if that helps troubleshoot the problem:
http://www.theaubribrownclub.org/proofs/css/styles.css

Thanks so much in advance to anyone who can offer suggestions!

[pab]

are you talking about that white box appearing at the bottom?

just replace your repeat-y by no-repeat

background{#CCCCCC url(../images/bkgrnd.gif) no-repeat scroll center center;}

hope that helps

pab

[chazzwick]

you need to put all the content that you want the background image on into a separate div. then put the

Code:

background: #ccc url(../images/bkgrnd.gif) center repeat-y;

into the css for that div, and not the body

[Author]

Posts