Grow your CSS skills. Land your dream job.

Terminating a Background Image

  • # July 22, 2008 at 1:50 pm

    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
    # July 22, 2008 at 3:38 pm

    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

    # July 22, 2008 at 5:48 pm

    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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".