IE 7 problem

barryk · Post by **barryk** » Tue Jan 09, 2007 11:03 pm

Having an issue where Milonic Menu is only drawing 1 of 3 menu items in IE 7. It works fine in Firefox 1.5 and 2.0, and also IE 6. Strange thing is that it does work on a sister site just fine. Both sites have 2 Milonic menus on them.

Any help would be greatly appreciated. The code for both sites was generated at the same time, but I can't find a difference to cause the problem.

The site that is not drawing correctly in IE 7 is: http://www.ccca-us.org/sections

The sister site (with an almost identical code base) that works just fine is: http://www.ccca-us.org

Thanks for anyone's input on issues with Milonic and IE 7 !
Barry

Post by **Andy** » Tue Jan 09, 2007 11:13 pm

Hi,

Looking at your site you've got some embedded menus in there.

However, you've also embedded the subs and this will cause problems. What you need to do is only build the relative main menus in their embedded locations but build the sub menus and menu styles in the own space either in the <HEAD> or just after the <BODY>

There is a document on this here: http://milonic.com/tablemenu.php

HTH,
Andy

barryk · Post by **barryk** » Tue Jan 09, 2007 11:59 pm

Hi Andy,
Thanks for your quick reply. I followed the directions in your post, and tested them in our development environment. I even shut off the 2nd menu, to make things simple for testing purposes. It's still not drawing the menu correctly in IE 7. Would you mind looking again?

Please view the page at: http://ccca.birkey.com/sections

I moved all subs and style stuff to the <head> tag, and only have the main menu in the table cell. Am I missing something?

Thanks,
Barry

Post by **Andy** » Wed Jan 10, 2007 11:09 pm

Hi,

You need to add a drawMenus(); command after the first set of menus.

Like this:

Code: Select all

<SCRIPT type=text/javascript>
fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=150;
_menuOpenDelay=150;
_subOffsetTop=0;
_subOffsetLeft=-5;

with(menuStyle=new mm_style()){
	onclass="cssmouseon";
	offclass="cssmouseoff";
}

with(subMenuStyle=new mm_style()){
	fontfamily="Verdana, Arial, Helvetica, sans-serif";
	fontsize="10px";
	fontstyle="normal";
	fontweight="bold";
	offbgcolor="#95925f";
	offcolor="#f4efdc";
	onbgcolor="#6f4070";
	oncolor="#ffffff";
	padding=5;
	separatorcolor="#aeaa84";
	separatorsize=1;
}

with(milonic=new menuname("Visit Other Sections")){
	style=subMenuStyle;
aI("text=Alaska Section;url=/sections/default.asp?section_id=34;target=_self;")
aI("text=Allegheny Section;url=/sections/default.asp?section_id=42;target=_self;")
aI("text=Carolinas/Virginias Section;url=/sections/default.asp?section_id=52;target=_self;")
aI("text=Deep South Section;url=/sections/default.asp?section_id=55;target=_self;")
aI("text=Illinois Section;url=/sections/default.asp?section_id=38;target=_self;")
aI("text=Indiana Section;url=/sections/default.asp?section_id=39;target=_self;")
aI("text=Iowa Section;url=/sections/default.asp?section_id=36;target=_self;")
aI("text=Kansas/Nebraska Territory;url=/sections/default.asp?section_id=49;target=_self;")
aI("text=Michigan Section;url=/sections/default.asp?section_id=40;target=_self;")
aI("text=Mid-Atlantic Section;url=/sections/default.asp?section_id=45;target=_self;")
aI("text=Minn-E-Dakotas Section;url=/sections/default.asp?section_id=35;target=_self;")
aI("text=New England Section;url=/sections/default.asp?section_id=44;target=_self;")
aI("text=New York Section;url=/sections/default.asp?section_id=43;target=_self;")
aI("text=Northern Plains Territory;url=/sections/default.asp?section_id=33;target=_self;")
aI("text=Northern Rockies Section;url=/sections/default.asp?section_id=32;target=_self;")
aI("text=Northwest Section;url=/sections/default.asp?section_id=1;target=_self;")
aI("text=Ohio Section;url=/sections/default.asp?section_id=41;target=_self;")
aI("text=Ozark Section;url=/sections/default.asp?section_id=50;target=_self;")
aI("text=Pacific Southwest Section;url=/sections/default.asp?section_id=47;target=_self;")
aI("text=Rocky Mountain Section;url=/sections/default.asp?section_id=48;target=_self;")
aI("text=Sierra Pacific Section;url=/sections/default.asp?section_id=46;target=_self;")
aI("text=Southern Atlantic Section;url=/sections/default.asp?section_id=53;target=_self;")
aI("text=Tennessee/Kentucky Section;url=/sections/default.asp?section_id=51;target=_self;")
aI("text=Texas Section;url=/sections/default.asp?section_id=54;target=_self;")
aI("text=Wisconsin Section;url=/sections/default.asp?section_id=37;target=_self;")

}
drawMenus();
</SCRIPT>

Hope this helps,
Andy

Post by **Andy** » Wed Jan 10, 2007 11:15 pm

Just realized.

If this doesn't work, can you please try moving the item background image into the menu style. I think this is causing the problem a it's in CSS at the moment.

Alternatively, try adding a menuheight property or an itemheight property. Due to the fact that the image is in CSS the menu isn't given a chance to resize the menu properly.

Cheers,
Andy

barryk · Post by **barryk** » Wed Jan 10, 2007 11:29 pm

Andy,
Your solution to add the menuheight item did the trick! Thanks so much for your time...

Barry

Milonic JavaScript Menu

IE 7 problem

IE 7 problem

Hmm.. suggested fix didn't seem to work

Thank you