WordPress.org

Ready to get started?Download WordPress

Forums

Background & Headers not working correctly. (3 posts)

  1. nadiyahw
    Member
    Posted 6 years 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.

  2. iridiax
    Member
    Posted 6 years 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;
    }
  3. nadiyahw
    Member
    Posted 6 years 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?

Topic Closed

This topic has been closed to new replies.

About this Topic