Awkward white bar extending past nav bar.

  • Author
  • #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.


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


    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;

    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.


    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;

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


    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.


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


    Actually, the section above the posts is still white.


    Nevermind, I fixed it!


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


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


    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.


    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!


    Thank you and you are welcome.

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