Awkward white bar extending past nav bar.

thesacredpath · Member · Oct 23, 2011 at 6:56 pm
Copy link
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.
thesmartcookiecook · Member · Oct 23, 2011 at 7:02 pm
Copy link
Okay, I did that, but it made it worse.
thesacredpath · Member · Oct 23, 2011 at 7:16 pm
Copy link
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;
}
```
thesmartcookiecook · Member · Oct 23, 2011 at 7:20 pm
Copy link
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.
thesacredpath · Member · Oct 23, 2011 at 7:29 pm
Copy link
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;
}
```
thesmartcookiecook · Member · Oct 23, 2011 at 7:32 pm
Copy link
Great :( I wish i knew how to fix all that. Well, thanks for your help anyways.
thesacredpath · Member · Oct 23, 2011 at 7:34 pm
Copy link
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.
thesacredpath · Member · Oct 23, 2011 at 7:37 pm
Copy link
You are welcome. Add what I gave above and it will get the gap back below the header for you.
thesmartcookiecook · Member · Oct 23, 2011 at 7:39 pm
Copy link
Actually, the section above the posts is still white.
thesmartcookiecook · Member · Oct 23, 2011 at 7:44 pm
Copy link
Nevermind, I fixed it!
panaghiotisadam · Member · Oct 23, 2011 at 8:28 pm
Copy link
Rich, the sidebar is still at the bottom on my Safari. Are you seeing this or not?
thesmartcookiecook · Member · Oct 23, 2011 at 8:32 pm
Copy link
Gah, I don’t want that to happen! Can’t I fix that somehow?
thesacredpath · Member · Oct 23, 2011 at 8:39 pm
Copy link
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.
thesmartcookiecook · Member · Oct 23, 2011 at 8:51 pm
Copy link
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!
thesacredpath · Member · Oct 23, 2011 at 9:00 pm
Copy link
Thank you and you are welcome.

No items found.