/    Sign up×
Community /Pin to ProfileBookmark

problems with nav bar color

I have been working on this page with CSS and need help with my navigation bar. I applied a background color but some odd reason it isn’t changing color to what I specify. It wants to keep it white. If you can help me and look at the files attached I’d appreciate it.

to post a comment
CSS

6 Comments(s)

Copy linkTweet thisAlerts:
@cbVisionSep 13.2011 — You have an extra equal sign in your markup ?

[CODE]<div =id="navigation">[/CODE]

Change it to:

[CODE]<div id="navigation">[/CODE]
Copy linkTweet thisAlerts:
@ecrossauthorSep 14.2011 — Why do I need to use html, body together like this:

[CODE]html, body {

}[/CODE]


When I ommit the [I]html[/I] part the my whole document messes up. Why can't I just use Body { } instead?
Copy linkTweet thisAlerts:
@cbVisionSep 14.2011 — Well, it depends what's between the brackets!
Copy linkTweet thisAlerts:
@ecrossauthorSep 14.2011 — This is what I have between the brackets:

[CODE]html, body {
background: #FFFFFF;
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100&#37;;
height: 100%;
}[/CODE]
Copy linkTweet thisAlerts:
@cbVisionSep 15.2011 — Probably has something to do with your height and width being set to 100&#37;.

You could be safe with something like this:

[CODE]html, body {height: 100%; width: 100%;}
body {background: #fff; font: 12px/18px Arial, Tahoma, Verdana, sans-serif;}[/CODE]
Copy linkTweet thisAlerts:
@ecrossauthorSep 15.2011 — Thanks!
×

Success!

Help @ecross spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...