Background & Headers not working correctly.

  • nadiyahw

    (@nadiyahw)


    17 years, 11 months ago

    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)

    17 years, 11 months ago

    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;
}
    Thread Starter nadiyahw

    (@nadiyahw)

    17 years, 11 months ago

    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.