Mailing Lists: Apple Mailing Lists
Image of Mac OS face in stamp
 
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: Safari Glitch - CSS Menu

Jason Lampitt wrote:

Check out the navigation in this site I just posted.

The menu is all CSS driven and works perfectly in other browsers but for the life of me, I can't figure out how to fix this glitch in Safari.

It's generally a bad idea to try to handle behavior with CSS. That's what JavaScript is for. Browser support for pseudo classes like :hover varies because the spec is ambiguous, i.e. "CSS doesn't define which elements may be in the above states, or how the states are entered and left." ( http://www.w3.org/TR/REC-CSS2/ selector.html#dynamic-pseudo-classes ). That means browsers can do pretty much anything with :hover and still be following the spec.

You can find a long list of different ways of doing the same thing with JavaScript here:

http://dhtml-menu.com/

All of those avoid another problem with your menus: it's difficult to reach the right side of your submenu without moving the cursor too high or too low and making the menu disappear. Navigation shouldn't be difficult.

Peace,
Scott
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Web-dev mailing list      (email@hidden)
Help/Unsubscribe/Update your Subscription:
http://lists.apple.com/mailman/options/web-dev/email@hidden

This email sent to email@hidden
References: 
 >Safari Glitch - CSS Menu (From: Jason Lampitt <email@hidden>)



Visit the Apple Store online or at retail locations.
1-800-MY-APPLE

Contact Apple | Terms of Use | Privacy Policy

Copyright © 2007 Apple Inc. All rights reserved.