[css-d] Submenu vertical position in IE7
I¹ve tried to implement a Spry Menu from DW3 and have had no help from their discussion group to solve this problem. It works well in Safari and FF, but not in IE7. The submenu on the sample page below is aligned with the top of the parent menu instead of next to it's parent item in the main menu (Item 3). When you mouse over Item 3, the submenu appears at it's correct location. There seems to be a problem with how IE7 handles the MenuBarSubmenuVisible class. Test Page:http://www.vwc.com/ATC138_test/SpryMenuBarVert_Test.html. CSS:http://www.vwc.com/ATC138_test/SpryAssets/SpryMenuBarVerticalTemplt.css . JS:http://www.vwc.com/ATC138_test/SpryAssets/SpryMenuBarTemplt.js. Thanks for your help, Stan __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] Submenu vertical position in IE7
Setting: ul.MenuBarVertical ul { margin: 0 0 0 95%; } which will make margin-top:0 should fix it. I didn't go any further down the menu tree, but you may have to set further sub uls to margin-top:0 in the same way. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Stan McCoy To: css-d@lists.css-discuss.org Sent: Monday, May 05, 2008 5:49 PM Subject: [css-d] Submenu vertical position in IE7 I¹ve tried to implement a Spry Menu from DW3 and have had no help from their discussion group to solve this problem. It works well in Safari and FF, but not in IE7. The submenu on the sample page below is aligned with the top of the parent menu instead of next to it's parent item in the main menu (Item 3) Thanks for your help, Stan __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] Submenu vertical position in IE7
Alan, Thanks for the reply. I'm thrilled to get any response on this as long as I've been messing with it. Unfortunately, this change seems to have no effect on IE7 in Windows XP. I've tinkered with these two styles below thinking they were the likely culprit, but I'm guessing at solutions. Any ideas? /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarVertical ul.MenuBarSubmenuVisible { left: 0; } /* Menu item containers are same fixed width as parent */ ul.MenuBarVertical ul li { width: 8.2em; } Thanks! on 5/5/08 2:38 PM, Alan K Baker wrote: Setting: ul.MenuBarVertical ul { margin: 0 0 0 95%; } which will make margin-top:0 should fix it. I didn't go any further down the menu tree, but you may have to set further sub uls to margin-top:0 in the same way. Regards, Alan. I've tried to implement a Spry Menu from DW3 and have had no help from their discussion group to solve this problem. It works well in Safari and FF, but not in IE7. The submenu on the sample page below is aligned with the top of the parent menu instead of next to it's parent item in the main menu (Item 3). When you mouse over Item 3, the submenu appears at it's correct location. There seems to be a problem with how IE7 handles the MenuBarSubmenuVisible class. Test Page:http://www.vwc.com/ATC138_test/SpryMenuBarVert_Test.html CSS:http://www.vwc.com/ATC138_test/SpryAssets/SpryMenuBarVerticalTemplt.css JS:http://www.vwc.com/ATC138_test/SpryAssets/SpryMenuBarTemplt.js __ css-discuss [EMAIL PROTECTED] 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/
[css-d] Submenu Vertical Position in IE7
HI I put this together using Dreamweaver and their Spry Menu. Works well in FF (Windows/Mac) and Safari (Mac). But in IE7, when viewing a secondary page, submenu position is at the top of the containing div, and not next to it¹s main menu parent as it was/is on rollover. Any help is appreciated, I¹ve posted to two DW forums to no avail. I have made edits to original css, could be I messed it up or DW failed me. Link:http://www.vwc.com/ATC138_test/industry-construction.html. css:http://www.vwc.com/ATC138_test/SpryAssets/SpryMenuBarVertical.css. Thank you. __ css-discuss [EMAIL PROTECTED] 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/