Previous Message
Next Message

Multi-row navigation using unordered lists

Sent by Rijk van Geijtenbeek on 9 July 2004 11:11


On Fri, 09 Jul 2004 10:00:32 +0100, Nic Rodgers
[EMAIL-REMOVED]> wrote:


> Unfortunately, when I switch from absolute (px) to relative (em) units I am
> having trouble with the containing width idea.
> 
> Each list item has a width; padding; and left & right border.
> 
> See my example at http://www.clockerz.net/~nic/listswidth.html
> 
> Mozilla seems to display it perfectly.
> Safari, IE, Opera etc. all show different results.
> 
> Is this because em's work differently across browsers? This was my original
> understanding, which is why I was trying to go along the width-independent
> route of using the clear method to break after certain items.

Maybe rounding errors come into play? 8 x 0.1 em might be different
from 0.8 em. If I set the width of the UL to 49em, it works as
expected in Opera.

> Note that I need to align the list to the right of the document (I'm using
> float) and so setting the width of the nav to anything wider than it should
> be results in an unacceptable border from the right edge.

It would depend a bit on the colors and layout whether that would be ugly.

-- 
Rijk, testing his gmail account
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: