Jay Kinney wrote:
>>>
>>
>
> [... I can't figure out why the
> nav bar is adding extra space under itself. It is sort of the
> opposite of margin collapse!
>
> (And the extra space seems to be under both the top and bottom nav
> bars in IE on a PC, but only under the bottom nav bar in FF on a Mac.
>
> If you or someone could give the CSS a quick glance, and are able to
> spot anything, that'd be great.
>
> http://www.sfscottishrite.com/Test/experimental.html
Well, I think you need a little space above and below the nav. Not a
good idea to set height. Good idea to check your page with 200% zoom in
compliant browsers, and text-size 'largest' in IE. Beyond that,a others
will have to explain the theory. This is as close as I was able to get
cross-browser. Someone else may do better for you.
/*#navcontainer { entire ruleset not needed
width: 770px;
height: 26px;
margin: 0px 0px 5px 0px;
} */
Re-set the lead so it won't clip on zoom (and you set the leading twice).
#navcontainer ul
{font: 900 90%/1.4/*normal*/ 'palatino linotype', palatio, georgia,
'times new roman', times, serif;
/*line-height: 18px*/
}
This is an ie specific filter-- you may want to put it in a conditional
comment when you get further along.
Eliminate the padding and re-set the lead for ie.
* html #navcontainer ul
{ padding-top: 0; padding-bottom: 0; line-height: 1.6; }
Regards,
~dL
PS Tidy Online <http://infohound.net/tidy/> and the w3c validation
service(s) are your friends.
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
