Previous Message
Next Message

<ul> nav whitespace problems

Sent by Patrick Madden on 31 October 2003 18:06


I am new to the list, but I did try to check on old posts on this 
subject. I even tried implementing some of the ideas I found, but none 
worked so far. Here's my problem:

I'm recreating a department website, using valid XHTML and CSS. I'm 
using nested unordered lists for navigation, and I'm hiding non-active 
subnav lists with the same system Kalsey used 
(http://www.kalsey.com/tools/csstabs/). It works great on Safari and 
IE5.2 Mac. Other browsers give it two different whitespace problems, 
and they're driving me crazy.

First off, here's the page: http://ellis-linux.cas.ohiou.edu/
The navigation is its own php file: 
http://ellis-linux.cas.ohiou.edu/nav.php
And to keep things easy for me, the CSS is separated out: 
http://ellis-linux.cas.ohiou.edu/styles/nav.css (the rest of the css is 
in all.css).

The ugliest problem I get is in IE6 Win (and probably IE5, but I 
haven't checked). There it doubles the "height" of each list item by 
adding lots of whitespace (or grayspace, as the case may be) below. But 
it doesn't do it to the non-linked "categories" (i.e. Degrees) or to 
the selected primary item (i.e. Graduate Program). Those have 
formatting (both are bolded, but I don't know if that matters). Here is 
a screenshot: 
http://ellis-linux.cas.ohiou.edu/images/screenshots/IE6Win.png

The other problem is in NS7 (and Opera) Mac. There it gives small 
slivers of whitespace beneath certain random list items. It does it for 
both primary items and subnav items, without any apparent rhyme or 
reason. Here is a screenshot: 
http://ellis-linux.cas.ohiou.edu/images/screenshots/NS7Mac.png (See 
especially the highlighted "Faculty and Staff" item.)

I am fairly certain, from reading posts to this list and tutorials and 
examples on other sites, that this is a browser problem, not a fault in 
my CSS itself (but I may be wrong). Can someone give a look and help me 
find a clean, happy workaround to get these browsers to behave 
(especially IE Win, which most viewers to the site will be using)? 
Thank you very much.

Pat Madden

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: