My latest project includes my first attempt at an all css horizontal
dropdown menu (apart from the htc file included for IE users). Although
I've only tested on Firefox and IE 6 on PC (as yet) and on Safari,
Firefox, and IE 5.2 on Mac, it seems to be working okay... I know,
that's asking for trouble! The one problem I do seem to be having is
with... yes... Mac IE. Only the top-level links within the <h2> tags
should show up on IE and older browsers, which is happening. But
instead of being horizontal, Mac IE is presenting it vertically, and
the <li>s are spreading 100% within the #header div.
Does anyone out there have a solution I could direct to Mac IE (and
other older browsers) only that would present it horizontally? I don't
want to start mucking it up in Firefox and IE 6, etc.
Secondly, I've a bit of an accessibility issue with this menu, and am
hoping that it can be solved with clever use of CSS. When you view the
page without a stylesheet, the menu is expanded, and viewers will have
to scroll quite far down the page to read the text they've come to
read. Also, this menu will appear on every page, so as the visitor
browses the site, they'll always be having to scroll down to find the
main text - which isn't really accessible in my view.
The #menu div is placed within the #header div at the moment.
Any suggestions would be greatly appreciated. And of course, any other
problems, please don't hesitate to let me know... gently now!
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/