The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Terminating a Background Image

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #22959

    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:

    Here is my CSS if that helps troubleshoot the problem:

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


    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



    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

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.