PDA

View Full Version : AnyLink JS Drop Down Menu IE Problem



cassie99
01-12-2010, 05:09 AM
1) Script Title: AnyLink JS Drop Down Menu v2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

3) Describe problem:
I'm using css to vertically center a table, which seems to effect the menu css.
In Firefox, the sub menu (for menu item 'About xxx') lines up correctly. In IE it shows with the left edge in about the middle of the main menu and dropped down a bit.
Here's the page: http://artistpages.net/anow/ ..so you can see the css.

Thanks in advance for any help!

jscheuer1
01-12-2010, 05:43 AM
Get rid of the highlighted:


body {
text-align:center;
min-height:546px;/* for ie7*/
}
#xouter{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#xcontainer {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 546px;
}

cassie99
01-12-2010, 06:29 AM
1) Script Title: AnyLink JS Drop Down Menu v2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

3) Describe problem:
I'm using css to vertically center a table, which seems to effect the menu css.
In Firefox, the sub menu (for menu item 'About xxx') lines up correctly. In IE it shows with the left edge in about the middle of the main menu and dropped down a bit.
Here's the page: http://artistpages.net/anow/ ..so you can see the css.

Thanks in advance for any help!
Thanks! It's still not working. Closer though. If you rollover the parent menu item enough times in the middle of the word, the submenu pops up correctly aligned. Anything else to try?

jscheuer1
01-12-2010, 08:43 AM
Ooops, I thought it had worked here, but I must have been looking at the wrong browser. Here in your styles.css file (add the highlighted):


.menuitem a{
color: #FFF;
text-decoration: none;
display: block;
}

That definitely fixed it in IE.