treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Forums

Illustration by Nick Sirotich

Terminating a Background Image

  • murph402
    Permalink to comment #
    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
    Permalink to comment #
    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
    Permalink to comment #
    you need to put all the content that you want the background image on into a separate div. then put the
    background: #ccc url(../images/bkgrnd.gif) center repeat-y;


    into the css for that div, and not the body
Add a Comment