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

Home Forums CSS help with background image

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

    I don’t know what’s going on here. Can’t figure it out. I have a background image that is not set to repeat, yet it’s repeating, It fills the site the way I want it to but when I minimize the browser and make the width short enough so that you have to scroll left and right, the background image becomes to short to fill the screen and you can see a black spot on the right. Can’t figure it out. The css for the background is this

    #content { background:url(images/main-back.jpg) top center; height: 423px; }

    The image is this one … n-back.jpg

    It’s not set to repeat right now because I was trying to troubleshoot the issue. I don’t know what is controlling it to make it repeat. Any ideas? The site is


    A quick fix if you want to use it

    #content { background:url(images/main-back.jpg) top center; height: 423px; width:100%; min-width:1024px; }

    If you don’t want a background to repeat, you have to specify it not to with no-repeat. Backgrounds naturally repeat. You say you’ve set it to "not repeat" but I don’t see that you actually have! Here’s what it should be:

    #content { background:url(images/main-back.jpg) top center no-repeat; height: 423px; }

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