vBulletin background image resizing

Discussion in 'CSS' started by Mannyann, Sep 28, 2010.

  1. #1
    I have looked far and wide, and simply cannot find an answer for this. Sorry if this is the wrong place, and this is my first post, but I am at the end of my wits.

    Goal: vBulletin background image NEEDS to be aligned with the header perfectly. The header is an inherent part of the background image.

    Problem: The background image, keeps resizing itself when I navigate through the site. If the Forum page is longer or shorter, the background image adapts, thus creating mis-alignment with the header (which doesn't move)

    I don't know CSS. I'm lucky enough to have gotten far enough to put the image in the background. I cannot show images, as this is a game forum for a game which is not yet live.

    This is the whole code in the background Extra CSS Attributes:

    margin: 5px 10px 10px 10px;
    padding: 0px; background-image:url(backgroundimage.jpg);
    background-repeat:no-repeat;
    background-position: 50% 8%;

    The positioning values work great on the main Forum page, where the picture is unbroken. But when I go to another page, the background resizes, and the header/background line is misaligned.

    I hope this was clear information enough. Thank you to anyone who can help me. :)

    p.s. You may wonder why a poor gal like me got stuck doing something she doesn't have a clue about. Answer: I broke it!...and our IT department doesn't have the time to fix it at the moment. So crash course CSS for Manny.
     
    Mannyann, Sep 28, 2010 IP