Vertical background-position in #wrapper not working

  • Resolved archcarrier

    (@archcarrier)


    14 years, 5 months ago

    I’m working on a child theme based on Twenty Ten, and I want the #wrapper background image to start halfway down the banner, since the top has transparent parts in it. But I can’t get the vertical background-position to work. Here’s the CSS:

    #wrapper {
	margin-top: 0;
	padding: 0;
	background: transparent url(images/bg-wrapper.png) 0px 200px repeat-y;
}

    Strangely (and frustratingly) enough, the background image does move to the right when I switch the two px values as a test.

Viewing 4 replies - 1 through 4 (of 4 total)

  • repeat-y is spreading the image vertically over the whole div regardless of where you place it at the beginning

    Thread Starter archcarrier

    (@archcarrier)

    Thanks for the reply, but the problem remains if I remove repeat-y.

    can you post a link to your site?

    did you reload the page in the browser, or refreshed the browser cache (ctrl f5) to make the changes visible in the browser?

    Thread Starter archcarrier

    (@archcarrier)

    I must have misunderstood the workings of the background-position. I have now applied the background image to #container and it works fine as well. Thanks again for the help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Vertical background-position in #wrapper not working’ is closed to new replies.