Support » Fixing WordPress » Background & Headers not working correctly.

  • nadiyahw

    (@nadiyahw)


    Thanks for looking at this first off. Alright, my problem is I can’t figure out how to get my background and header to completely cover my page. For example, here’s the site.

    body{
    background-image: url(/images/greyback2.jpg);
    background-repeat: repeat;
    font-family: Arial;
    text-align: center;
    }

    #container{
    border: 0px solid #A9A9A9;
    text-align: center;
    width: 450px;
    margin-top: 308px;
    margin-right: 40px;
    margin-left: 0px;
    background-color: transparent;
    text-align: left;
    }
    #header{
    padding: 100px 0px 0px 0px;
    float: left;
    clear: both;
    width: 1024px;
    background: url(/images/bloghead.png);
    color: #3c3d40;
    height: 768px;
    }
    #content{
    float: right;
    padding: 0px;
    color: #000000;
    width: 260px;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 10px;
    }

    #contentright{
    margin: 15px;
    float: right;
    width: 130px;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 10px;
    color: #5B5B5B;
    }

    <strike>#footer{
    display: none;
    width: 1024px;
    background: url(/images/blogfooter.png);
    color: #3c3d40;
    height: 300px;
    padding: 0px;</strike>
    }

    What I’m trying to say is the url /images/greyback2.jpg is suppose to be the background and the url /images/bloghead.png is suppose to be the header. Now, when I actually put the background where the background is suppose to be and the header suppose to be, the #content ends up under the “header” instead of on top of it. I hope I didn’t confuse anyone.

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

    (@iridiax)

    The first step in fixing display problems is to validate and fix your code. Your code does have errors (the twitter ones probably aren’t a problem):

    http://validator.w3.org/check?uri=http://nadiyah.net/blog/

    Your css also has an error, b is missing closing brace, here’s what it should be:

    b {
    color: #E5460E;
    text-transform: uppercase;
    font-family: georgia;
    font-size: 9px;
    font-weight: bold;
    line-height: 10px;
    letter-spacing: -1px;
    }
    nadiyahw

    (@nadiyahw)

    The bracket was already there to began with, LOL. I did click the validator link and there was a list of false coding throughout the entire page. All my brackets and codes are where they’re suppose to be. My problem is covering my entire page with my background image. Instead of having my background image as a background image, I have my header as my background image, because it is off-centered if it was the other way around.

    Is there a way of having 2 backgrounds?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Background & Headers not working correctly.’ is closed to new replies.