Page 1 of 1

Get 2 Flyout/Dropdown menus to work in IE?

Posted: Thu Jun 07, 2007 10:48 pm
by Dr.CSS
I've tried all kinds of JS tricks, don't know too many/none, and looked/googled but still cant get 2 menus to work with IE...

Our code...
// The variables
var cssid = "primary-nav"; // CSS ID for the menuwrapper
var menuadd = "h";  // Character to be added to the specific classes upon hovering. So for example, if this is set to "h", class "menuparent" will become "menuparenth" when hovered over.
var menuh = "menuh"; // Classname for hovering over all other menu items


I've tried adding another var with no luck....

Other menu JS I've found relies on class which works in the demo but not in my page...

http://www.javascriptkit.com/script/script2/dbmenu/

The only one I found that doesn't require the menu to be hand coded in the JS...

Site I need it for... http://www.gochongqing.com/index.php/test  this template is not the final, look at the home for true template, it's strechy/flexible...

Re: Get 2 Flyout/Dropdown menus to work in IE?

Posted: Fri Jun 08, 2007 12:01 am
by Nullig
I've been trying to do the same, with no luck.

I hope you get an answer.

EDIT: I just read something about menu widths being a problem in IE. Try this:

Code: Select all

#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 100%; <-- remove 
   margin-left: -1px;
}

#primary-nav a {
   width: 100%; <-- remove	
}
Nullig