On Thu, 21 Feb 2008, David Hucklesby wrote:
> On Tue, 19 Feb 2008 20:33:08 -0600 (CST), Jeff Gates wrote:
> > Page in question: http://inourpath.com/intro.html
> >
> > I am still having problem with the bottom menu line breaking to a
> > second line in IE 6 and IE7. The "MAP" is breaking to a second line.
> > The menu is in the nav div which is centered within the bottom_menu
> > div (the bottom_menu div is exactly the width of the content area
> > (530px). To center the nav div I set the width and made the left and
> > right margins auto.
> Try changing the width on #nav to a suitable "em" value. In general,
> font sizes do not correspond to any particular number of pixels-- only
> in particular cases, such as in IE on an OS set to 96 DPI is that so.
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:
In order to center the menu I'm using the css where you define the width
of the element and then set the left and right margins to auto. As long as
I have to set that width to the exact width of the menu (approx 26em or
426px) then if a users font size is larger than normal it's going to force
the menu to a second line (that is, if 26em is too small to fit all the
menu items on one line).
What I want to do is to be able to center the menu within the content area
(which is 530px). There is room to "grow" within that content area if need
be. Essentially, I want that menu element to "float" within the maximum
width of my content area (530px), expanding as needed up to that maximum
width. But how can I do that and still center the menu?
My css for the #nav right now is:
#nav { width:26.8em;
height:20px;
margin: 20px auto 54px auto;
position:relative;
text-align: center;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
