Tryin’ to align header (with patterned edge) to background!

  • Resolved sparkletack

    (@sparkletack)


    15 years, 5 months ago

    I have a header with a patterned edge, and want it to align with the repeating background pattern — so there’s a seamless patterned edge from header to the sides of the blog.

    Maybe easier to show than tell:
    http://calyxdesign.com/staging/spicyprincess/

    Is this even possible? The alignment seems to out of whack as soon as content is added to the body of the blog. Can it be that the background image repeats starting at the bottom rather than at the top?

Viewing 2 replies - 1 through 2 (of 2 total)
  • wpbct7

    (@wpbct7)

    15 years, 5 months ago

    Try to replace

    #wrap {
    margin: 0 auto;
    width: 836px;
    text-align: left;
    background: url(images/spicy_background.png) center repeat-y;
}

    in CSS style file with

    #wrap {
    margin: 0 auto;
    width: 836px;
    text-align: left;
    background: url(images/spicy_background.png) top repeat-y;
}
    Thread Starter sparkletack

    (@sparkletack)

    15 years, 5 months ago

    wpbct7, if you were here right now I’d kiss you on the nose.

    Thanks! Worked like a charm …

    (I had thought that the “center” referred to a horizontal, rather than vertical centering.)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Tryin’ to align header (with patterned edge) to background!’ is closed to new replies.