Le 22 août 2012 à 00:10, Rick Lecoat <li...@sharkattack.co.uk> a écrit :
> I’ve got a nested ul that is intended to work as a pure css drop down menu, > such as I’ve used successfully in projects in the past. It uses the standard > method where li:hover changes the nested ul (ie. submenu)’s display from none > to block. However, for some reason iOS is not displaying the nested ul. This > is not a problem with the ‘display:’ switch AFAICT, because I’ve got the > nested ul’s initial ‘display:none' commented-out, so that it sit nice and > visible in Safari, Chrome, Firefox... but in iOS (I’m using iOS5) it’s > invisible. I can’t see why this is, so if anyone can help, I’d be very > grateful. The URL to see the page is: > > http://www.helpme.sharkattack.co.uk/Static_pages/basicStructure.php > > The ‘Members’ menu item shows the “Login” and “I forgot my password” subitems > -- except in iOS. I'm not surprised that your submenu doesn't display, although it could eventually be considered a bug or weakness in MobileSafari (or mobileWebKit). The box that contains the menu is set to overflow: auto (.columnwrap), and, at least with iOS 5.1, it clips the submenu away. here is your page with a minimal change: http://dev.l-c-n.com/_temp/r/r.html Apart for the yellow borders (debug) I only added one thing: #tools > .columnwrap { overflow: visible; } PS - I never found those menu systems that rely on css :hover to be particularly user friendly, and they are not working well on mobile devices such as Android or WindowsMobile (yes Apple puts a hack in MobileSafari to make those hover thingies work sometimes) - remember that there is never any hovering on touch devices. Philippe -- Philippe Wittenbergh http://l-c-n.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
