Header question

  • Anonymous

    #501

    If I set the header image and background colour to be the same, I get a dark vertical line either side of the header image. I would like to remove this so the same colour flows from the image and down both sides of the background area?

    Any ideas!

    stevivor

    #12708

    Oh, nuts. I was hoping this would have been answered.

    Example of this is at http://www.stevivor.com right now — I just want the header to flow through my background image without the black lines on each side of it.

    I wish I was better at CSS…

    Thanks!

    Admin

    Syahir Hakim

    #12709

    Hmm..this is tricky. Those dark vertical lines are actually the shadow of the container. Removing it will remove the shadow from the top all the way down to the bottom of the page, making your content area (possibly) indistinguishable from your background.

    However, with some CSS trickery:

    #container {
    margin-top: 198px;
    }
    #header {
    position: absolute;
    left: 0;
    top: 0;
    }

    That ought to do it.

    stevivor

    #12710

    Worked a treat!

    I was trying to separate the header from the rest of the content so it didn’t sit in the container…but that was working at all. Your fix did the trick without mess! Thanks!

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

You must be logged in to reply to this topic.