Forums

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
    Posts
  • #26019
    cybershot
    Participant

    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

    http://www.photobyiris.com/testsite/ima … 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

    http://www.photobyiris.com/testsite

    #63533
    bclouatre
    Participant

    A quick fix if you want to use it

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

    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.