Awkward white bar extending past nav bar.

  • Author
    Posts
  • #735731

    The nav bar issue is because you have the width in #nav wider than in #wrapper. Go to #nav in the CSS and set the width to 900px, which is the value specified in #wrapper.

    #735737

    Okay, I did that, but it made it worse.

    #735750

    Ok, add the following to the bottom of your current custom CSS.

    #nav {
    width: 900px;
    }
    
    .header {
    background-color: #FFFFFF;
    width: 900px;
    }
    
    #nav li a {
    padding-right: 5px;
    }
    #735754

    Okay, that got rid of the the white bar but now the area between the header image & post is white. It should be blue like the rest of the background.

    #735762

    You have a few things entirely out of whack, but I’m not going to try and sort through them so here is some digital duct tape for that issue.

    #header-image {
    height: 200px;
    }
    
    #content, #sidebar {
    margin-top: 10px;
    }
    #735763

    Great :( I wish i knew how to fix all that. Well, thanks for your help anyways.

    #735765

    Actually it seems that this theme has a couple of “shortcomings” and the nav breaks when it goes to two lines and the background color set for the nav does not expand down for the second line. That is why I added the white background color to #header, to take care of that issue if the nav goes to a second line due to a visitor’s browser settings.

    #735766

    You are welcome. Add what I gave above and it will get the gap back below the header for you.

    #735767

    Actually, the section above the posts is still white.

    #735773

    Nevermind, I fixed it!

    #735800

    Rich, the sidebar is still at the bottom on my Safari. Are you seeing this or not?

    #735807

    Gah, I don’t want that to happen! Can’t I fix that somehow?

    #735815

    Well, that was interesting to try and find. I had not looked at it in Safari, just in Firefox, and Firefox ignored the bad declaration.

    There is no float: center . Go to .content and change your float center to float left.

    Also on borders, if you wish to get rid of them, do border: none; instead of
    border: 0 solid #CCCCCC; . That can cause cranky browsers and the possibility of your site displaying improperly randomly.

    #735824

    I don’t know how you can be such an expert w/ this stuff, but thank god someone is (cuz I’m sure not). Thank you!

    #735830

    Thank you and you are welcome.

The topic ‘Awkward white bar extending past nav bar.’ is closed to new replies.