Sent by Jeff Gates on 22 February 2008 21:09
> > David, I tried changing the width of the #nav to ems. Unfortunately,
> > it continues to break the menu line into two lines. Here's what I
> > think is the problem:
> >
> [...]
>
> But the model you are using[1] is not centered. I also note that Stu's
> design also breaks at more than one level of increase in Firefox.
>
> Getting horizontal menus right is quite difficult. Centering is an
> extra complication. Drop-downs add even more complexity.
Well, I think I solved my problem. I did a couple of things. First I made
the text and letter spacing a bit smaller to reduce the length of the menu
line. Then I fudged the size of the #nav, increasing it just a bit more
than the size of the menu. While this offset the menu (so, technically, it
isn't smack-dab in the center, but just off center by a few pixels), it
allowed the menu to stay on one line. Unless you're really looking for the
centering, the viewer won't notice it.
Of course, it's not a perfect solution (often, what is?). But it's a
decent compromise to get it looking right in IE and other major browsers.
Thanks, David for your help.
Jeff
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
