[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/
