Centering nav bar?

[AlisonMSmith]

Hi fellow wahms:

I've finished my latest project, a 4th of July site...almost. I still have to hook up the contact form and fix a few links, etc. But one problem has stumped me.

I have a nav bar across the top, just under the header. I can't for the life of me figure out how to get it to be centered within the wrapper div.

Any of you amazing coders have a clue for me? Your help is appreciated.

Best and happy 4th of July!

Alison

[Susie N]

This should work. To #navbar, add:

width:620px;
margin:0 auto;

[AlisonMSmith]

Susie, thank you so much for your kind reply.

I entered that code. It did seem to center it to some extent, but it also dumped the last menu item (the "Fun" button) to the next line. :/ Any ideas?

Alison

[Susie N]

Hmm...it worked for me but I was using my Firefox developer's toolbar to make the changes. Try increasing the width some (probably not much more than 5px or so) until everything is on one line.

[AlisonMSmith]

You're a genius, Susie. Thanks.

That fixed it in FF, looks the same in Safari. Isn't exactly centered in either one, but close.

But strangely it isn't centered at all in OmniWeb. Looks the same as before. [img]smileys/smiley5.gif[/img]

[Susie N]

I've never tested for OmniWeb. Guess I'll have to add that one to the list!

Upon looking closer (and changing the background of the container to a darker color so I could see better), I see that the nav is still not centered. I'm thinking that something somewhere else is the culprit. If I get time later, I'll take another look. [img]smileys/smiley1.gif[/img]