Sent by Holly Bergevin on 18 January 2005 22:10
From: "dimpie" [EMAIL-REMOVED]>
>I'm trying to translate this picture to a website
http://home.hetnet.nl/~j.e.dijkstra/test/perspect/test.htm, but am having some problems with the
middle part (navigation part).
>All blocks must have the same right-margin of 3 px.
>But IE 6 is adding 3 extra pixels to the highest level ul (green).
Try adding the following selector to bring IE into line (may need to be hidden from IE5/mac) -
* html ul.level1 {margin-right: -3px;}
>ALso, all blocks should be the same height which is 100px.
>I've given the list items (orange) belonging to first ul a height of 20px
>and the second level ul (yellow) )a height of 80 px.
>This works correct in Firefox 1.0.
>But in Opera and IE 20px + 80px adds up to 99.
>The highest level ul (green) is peeping from under it.
I don't see it as correct in Gecko, the yellow is hanging below the red border. I suspect you
haven't taken that border into account in figuring the actual height of things, and IE and Op are
enclosing the extra 2px, leaving gaps. Change the following to bring all three into agreement -
ul.level2 {height: 78px;} /* 2px shorter */
hth,
~holly
______________________________________________________________________
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/
