Hi all.
I’m currently working on a site and I’m having trouble deciding what to do for the main navigation.
I’ve checked the browser logs for the site and its mostly IE6 (the largets chunk as you can imagine), Safari and Firefox.
The catch is that the client (as myself) is a Mac user and wants support for Mac IE5 which is worth 40 visits on an average of 6000 hits, roughly 0,7%).
I have three options:
1. what I’d really like to do is something like this: http://www.alistapart.com/d/hybrid/hybrid-3.html
marked up using nested lists and you can still see the subnav options at a glance; works in almost all modern browsers but not in Mac IE5
2. an example of my own dropdown menu (it’s an ugly page, no CSS yet) is here: http://www.readshotel.com/ee/index.php/location/index/en/
again marked up with nested lists, this one actually works in Mac IE5 (with the help of some Javascript) but doesn’t show the subnav options unless you hover over the main menu.
3. or I could resort to something like this: http://www.pixelsandtext.be/proposal/nav_proposal_news.html
no fancy hover effects, but the subnav options are always visible and accessible (and it works in Mac IE5 and almost any modern browser)
I’d really like some thoughts and opinions from you guys on which option to choose ![]()
