Forums

[resolved] Tryin' to align header (with patterned edge) to background! (3 posts)

  1. sparkletack
    Member
    Posted 1 year 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?

  2. wpbct7
    Member
    Posted 1 year 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;
    }
  3. sparkletack
    Member
    Posted 1 year 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.)

Topic Closed

This topic has been closed to new replies.

About this Topic