CSS/JS menu check in PC-browsers

Nice looking site, but while nothing disappears, it does look very different in IE and Firefox.

I suspect a main cause is your use of absolute positioning. I can't see anything on the page that couldn't be done without that, and absolute positioning is well known to cause problems, especially with Internet Explorer.

Nice to see a site with valid xhtml though.

Last year I put a tutorial together on how to create css driven menus, both vertical and horizontal.

It goes through all the basics you need to know without moving onto some of the finer styling points.

It may help your understanding and you can get at;
http://www.1ontheweb.net/downloads/Creating_a_CSS_driven_menu_system.pdf

Regards
Geoff

I like the effect you have achieved with id="current". You could emphasise this a little more by using a slightly darker color, ie decrease lightness rather than hue, as the background-color.

Hope this helps

Tech

Thanks for the suggestions!
But is it still the same that in IE6 on a PC the sub-menu is empty (no text)? Because if that is the case I need to find another menu. Any suggestions?

Thanks again!

The javascript looks like it comes from the Suckerfish example but your CSS doesn't look the same. Perhaps take a look at the most recent article on the subject: http://www.htmldog.com/articles/suckerfish/dropdowns/

I used this one: http://www.csscreator.com/menu/multimenu.php
I think it was based on the suckerfish example.
I adjusted the CSS a little. Mayby I should start allover with the suckerfish example. Thats probably the safest way.

Ok, I adjusted the menu following the Suckerfish dropdown menu. In Safari, Netscape and Firefox, on A Mac, it looks ok now. How about the PC-browsers?
Could you guys please take a look one more time?
THANKS!

The positioning of the dropdown ul is off in IE (to the right iirc) you will need possibly to ensure #nav li has position relative to give the nested dropdown ul a reference point and also you may need to use 0 instead of auto and IE prefers to have both offset positions declared:

#nav li:hover ul, #nav li.sfhover ul { left: 0;top:30px; )

Can't test for this in IE at the moment.

Hugo.

Thanks Hugo, I tried this. On the Mac-browsers nothing changes, so that is ok. Let's see what happens on the PC-browsers!

Appologies for the duff link posted previously. I missed one of the underscores out. This one is correct.

http://www.1ontheweb.net/downloads/Creating_a_CSS_driven_menu_system.pdf

Es it looks fine now in IE6 on XP.

Hugo.

Thanks!!

Just tried using NN7/mac and the submenus all pop-up on the extreme left-hand side of the display, so it is impossible to activate the third or fourth sub-menu because by the time you move the mouse over, the sub-menu is replaced by another one caused by rolling over the intervening menu items. Of course, how many of these old Browsers wll be viewing your page is a good question to ask yourself. Might not be a problem.
Don't know if you needed to hear that, but that is how I saw the site.

Thanks a lot! I have Netscape 7.2 (also Mac) and there it looks ok. I don't know, I am trying to get it to work in as much browsers as possible of course. But I think I need to focus on the most-used. But thanks anyway for your effort!