Sub sub menu disappears in IE only

Poster: mikieat
Dated: Thursday February 8 2007 - 5:56:57 GMT

In IE only, the third level deep of Tram menu does not appear as an active menu. The IE cursor does not indicate a link, and the whole menu tree disappears when you try to select an item.

http://ravenscrygrove.org

Under PHOTO ALBUM, select 2006 CE, then select Imbolc. Notice that a submenu appears for "Slide Show" and "Album Page" but they cannot be selected.

This happens in IE only. Firefox and Opera both function properly.

The style for that submenu is the same as the Imbolc menu itself.

Milonic is 5.770 just down/up loaded.

More on IE disappearing menu

Poster: mikieat
Dated: Friday February 9 2007 - 4:12:41 GMT

As a kluge workaround, I added "2006 PHOTOS" to the top level menu, pointing to the next level below. Nothing else was changed. Things work OK there. Seems to be a problem going the extra level with IE?

Mike

http://ravenscrygrove.org

Poster: Ruth
Dated: Friday February 9 2007 - 5:39:32 GMT

Hi,

Can you please post your original data file without your fix so I can test it? And which IE?

Where exactly do you want this menu. Your coding shows it as top=220; left=10; but you have put the calls for all the files but the milonic_src, into the div



Can you tell me where you want the menu to show on the page?

Ruth

Details of menu with IE problems

Poster: mikieat
Dated: Friday February 9 2007 - 6:18:04 GMT

Thank you for offering to help with my mystery.

I use IE7 and others use IE6 and all show the problem. Several of us are all certain that it was working correctly some time within the last year at least. I am probably the only regular user who uses Firefox as my main browser, and the two navigation complaints have been within a month or so from IE users.

The positioning is on the left of the page, but the submenus extend far to the right, over the top of the other "columns" of data. The columns are fomed using CSS with DIV's. The top level menu text is right justified in the left 145 pixels of the page, and the submenus extend from there to the right.

My "fix" was only to duplicate the 2nd level menu item for "2006" so the original menu is really still the way it was with that one additional aI line in the top menu.

Because the menus are actually generated from a database, they appear as three files - styles, main menu, and submenus, included one after another.

Here they are:

fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
_followSpeed=5 // Follow scrolling speed
_followRate=50 // Follow scrolling Rate


with(submenuStyle=new mm_style()){
styleid=1;
align="right";
fontfamily="Verdana, Tahoma, Arial";
fontsize="10pt";
fontweight="bold";
headercolor="#000000";
image="location.gif";
imageposition="right";
offcolor="#5F5445";
oncolor="#2A5017";
pagecolor="black";
overimage="location_on.gif";
subimagepadding=8;
offbgcolor="#b0c8d6";
onbgcolor="#b0c8d6";
}

with(menuStyle=new mm_style()){
styleid=1;
align="right";
fontfamily="Verdana, Tahoma, Arial";
fontsize="10pt";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
image="location.gif";
imageposition="right";
offcolor="#5F5445";
oncolor="#2A5017";
overimage="location_on.gif";
pagecolor="black";
}

with(subsubmenuStyle=new mm_style()){
styleid=1;
align="right";
fontfamily="Verdana, Tahoma, Arial";
fontsize="10pt";
fontweight="bold";
headercolor="#000000";
image="location.gif";
imageposition="right";
offcolor="#5F5445";
oncolor="#2A5017";
pagecolor="black";
overimage="location_on.gif";
subimagepadding=8;
offbgcolor="#b0c8d6";
onbgcolor="#b0c8d6";
}


with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
followscroll="1";
left=10;
orientation="vertcal";
style=menuStyle;
top=220;
aI("status=Back To Home Page;text=HOME;url=index.php;");
aI("text=CALENDAR;url=calendar.php;");
aI("text=ABOUT US;showmenu=About;");
aI("text=FOR OUR GUESTS;url=guests.php;");
aI("text=HISTORY;url=history.php;");
aI("text=GROUPS;showmenu=Groups;");
aI("text=LITURGY & OMENS;showmenu=Liturgy;");
aI("text=PHOTO ALBUM;showmenu=Albums;");
aI("text=2006 PHOTOS;showmenu=2006;");
aI("text=THREE REALMS;url=http://3realms.ravenscrygrove.org;");
aI("text=BOOKS;showmenu=Books;");
aI("text=BYLAWS;showmenu=Bylaws;");
aI("text=MEMBERSHIP;url=membership.php;");
aI("text=LINKS;url=links.php;");
}

with(milonic=new menuname("About")){
style=submenuStyle;
aI("text=Vision;url=vision.php;");
aI("text=Practice;url=practice.php;");
}
with(milonic=new menuname("Liturgy")){
style=submenuStyle;
aI("text=2006;showmenu=Rituals06;");
aI("text=2005;showmenu=Rituals05;");
aI("text=2004;showmenu=Rituals04;");
aI("text=Archives;showmenu=RitualArchives;");
}
with(milonic=new menuname("Books")){
style=submenuStyle;
aI("text=ADF Recommended;url=books.php?thepage=REC;");
aI("text=ADF Publishing;url=books.php?thepage=ADF;");
aI("text=ADF Authors;url=books.php?thepage=AUTH;");
aI("text=Members’ Favorites;url=books.php?thepage=FAVE;");
}
with(milonic=new menuname("Albums")){
style=submenuStyle;
aI("text=2006 CE;showmenu=2006;");
aI("text=2005 CE;url=showalbum.php?album=2;");
aI("text=2004 CE;url=showalbum.php?album=1;");
aI("text=2003 CE;url=showalbum.php?album=3;");
aI("text=2002 CE;url=showalbum.php?album=4;");
aI("text=2001 CE;url=showalbum.php?album=5;");
aI("text=2000 CE;url=showalbum.php?album=6;");
}
with(milonic=new menuname("Bylaws")){
style=submenuStyle;
aI("text=View Bylaws;url=bylaws.php;");
aI("text=Download (pdf);url=media/pdf/RCG_Revised_Bylaws.pdf;");
}
with(milonic=new menuname("Rituals05")){
style=submenuStyle;
aI("text=Yule;url=ritual.php?title=Yule 2005;");
aI("text=Samhain;url=ritual.php?title=Samhain 2005;");
aI("text=Autumn Equinox;url=ritual.php?title=Pagan Pride 2005 - Autumn Equinox;");
aI("text=Lughnasadh;url=ritual.php?title=Lughnasadh 2005;");
aI("text=Beltainne;url=ritual.php?title=Beltaine 2005;");
aI("text=Spring Equinox;url=ritual.php?title=Spring Equinox 2005;");
aI("text=Imbolc;url=ritual.php?title=Imbolc 2005;");
}
with(milonic=new menuname("Rituals04")){
style=submenuStyle;
aI("text=Samhain;url=ritual.php?title=Samhain 2004;");
aI("text=Autumn Equinox;url=ritual.php?title=Autumn Equinox and PPD Opening Rite 2004;");
aI("text=Lughnasadh;url=ritual.php?title=Lughnasadh Ritual and Games 2004;");
aI("text=Summer Solstice;url=ritual.php?title=Summer Solstice 2004;");
aI("text=Beltainne;url=ritual.php?title=Beltaine 2004;");
aI("text=Spring Equinox;url=ritual.php?title=Spring Equinox 2004;");
aI("text=Imbolc;url=ritual.php?title=Imbolc 2004;");
}
with(milonic=new menuname("RitualArchives")){
style=submenuStyle;
aI("text=Dedication Rite 1999;url=ritual.php?title=Dedication Rite - Yule 1999;");
aI("text=2003;showmenu=Rituals03;");
aI("text=2002;showmenu=Rituals02;");
aI("text=2001;showmenu=Rituals01;");
aI("text=2000;showmenu=Rituals00;");
aI("text=Grove Liturgy 2001-2005;url=ritual.php?title=Historical Grove Liturgy;");
}
with(milonic=new menuname("Rituals03")){
style=submenuStyle;
aI("text=Yule;url=liturgy/yule_03.htm;");
aI("text=Samhain;url=liturgy/samhain_03.htm;");
aI("text=Autumn Equinox;url=liturgy/aequinox_03.htm;");
aI("text=Lughnasadh;url=liturgy/lughnasadh_03.htm;");
aI("text=Summer Solstice;url=liturgy/ssolstice_03.htm;");
aI("text=Beltaine;url=liturgy/beltaine_03.htm;");
aI("text=Spring Equinox;url=liturgy/sequinox_03.htm;");
aI("text=Imbolc;url=liturgy/imbolc_03.htm;");
}
with(milonic=new menuname("Rituals02")){
style=submenuStyle;
aI("text=Yule;url=liturgy/yule_02.htm;");
aI("text=Samhain;url=liturgy/samhain_02.htm;");
aI("text=Autumn Equinox;url=liturgy/aequinox_02.htm;");
aI("text=Lughnasadh;url=liturgy/lughnasadh_02.htm;");
aI("text=Summer Solstice;url=liturgy/ssolstice_02.htm;");
aI("text=Beltaine;url=liturgy/beltaine_02.htm;");
aI("text=Spring Equinox;url=liturgy/sequinox_02.htm;");
aI("text=Imbolc;url=liturgy/imbolc_02.htm;");
}
with(milonic=new menuname("Rituals01")){
style=submenuStyle;
aI("text=Yule;url=liturgy/yule_01.htm;");
aI("text=Samhain;url=liturgy/samhain_01.htm;");
aI("text=Lughnasadh;url=liturgy/lughnasadh_01.htm;");
aI("text=Summer Solstice;url=liturgy/ssolstice_01.htm;");
aI("text=Beltaine;url=liturgy/beltaine_01.htm;");
aI("text=Spring Equinox;url=liturgy/sequinox_01.htm;");
aI("text=Imbolc;url=liturgy/imbolc_01.htm;");
}
with(milonic=new menuname("Rituals00")){
style=submenuStyle;
aI("text=Yule;url=liturgy/yule_00.htm;");
aI("text=Samhain;url=liturgy/samhain_00.htm;");
aI("text=Autumn Equinox;url=liturgy/aequinox_00.htm;");
aI("text=Lughnasadh;url=liturgy/lughnasadh_00.htm;");
aI("text=Summer Solstice;url=liturgy/ssolstice_00.htm;");
aI("text=Beltaine;url=liturgy/beltaine_00.htm;");
aI("text=SpRing Equinox;url=liturgy/sequinox_00.htm;");
aI("text=Imbolc;url=liturgy/imbolc_00.htm;");
}
with(milonic=new menuname("Private")){
style=submenuStyle;
aI("text=Logout;url=va_logout.php;");
aI("text=Change Password;url=pr_newpass.php;");
aI("text=Members Data;url=ec_members.php;");
aI("text=Web Site Changes;showmenu=Web Site;");
}
with(milonic=new menuname("2006")){
style=submenuStyle;
aI("text=All 2006 Photos;url=showalbum.php?album=11;");
aI("text=Imbolc;showmenu=ImbolcSP;");
aI("text=March Dedicants Group Meeting;url=showpage.php?album=11§ion=53;");
aI("text=Spring Equinox;showmenu=SpEquinox;");
aI("text=Field Trip to Ren Faire;url=showpage.php?album=11§ion=58;");
aI("text=Bealtainne;showmenu=Bealtainne;");
aI("text=Warriors Lodge;showmenu=WarriorsLodge;");
aI("text=June Dedicants Group Meeting;url=showpage.php?album=11§ion=61;");
aI("text=Celt-Iberian Midsummer;showmenu=Midsummer;");
aI("text=Lughnasadh;showmenu=Lughnasadh;");
aI("text=Executive Council Meeting;url=showpage.php?album=11§ion=65;");
aI("text=Pagan Pride L.A.;url=showalbum.php?album=11§ion=66;");
aI("text=Alban Elfed [Fall Equinox];url=showpage.php?album=11§ion=67;");
aI("text=Samhain;showmenu=Samhain06;");
}
with(milonic=new menuname("Rituals06")){
style=submenuStyle;
aI("text=Imbolc;url=ritual.php?title=Imbolc 2006;");
aI("text=Spring Equinox;url=ritual.php?title=Spring Equinox 2006;");
aI("text=Bealtainne;url=ritual.php?title=Bealtainne 2006;");
aI("text=Celtiberian Summer Solstice;url=ritual.php?title=Celtiberian Summer Solstice;");
aI("text=Lughnasadh;url=ritual.php?title=Lughnasadh 2006;");
aI("text=Alban Elfed (Welsh Fall Equinox);url=ritual.php?title=Alban Elfed;");
aI("text=Samhain 2006;url=ritual.php?title=Samhain06;");
aI("text=Midwinter 06-07;url=ritual.php?title=Midwinter 2006;");
}
with(milonic=new menuname("ImbolcSP")){
style=subsubmenuStyle;
aI("text=Slide Show;url=showalbum.php?album=11§ion=52;");
aI("text=Album Page;url=showpage.php?album=11§ion=52;");
}
with(milonic=new menuname("SpEquinox")){
style=submenuStyle;
aI("text=Slide Show;url=showalbum.php?album=11§ion=54;keepalive=1;");
aI("text=Album Page;url=showpage.php?album=11§ion=54;keepalive=1;");
aI("text=Dance Video;url=video.php?id=beedance;keepalive=1;");
}
with(milonic=new menuname("Groups")){
style=submenuStyle;
aI("text=Warriors Lodge;url=../warriorslodge/;");
aI("text=Dedicants;url=dedicants.php;");
}
with(milonic=new menuname("Web Site")){
style=submenuStyle;
aI("text=Front Page;url=ec_front.php;");
aI("text=Books;url=ec_books.php;");
aI("text=Photos;url=ec_photos.php;");
aI("text=Menus;url=ec_menus.php;");
aI("text=Liturgy;url=ec_liturgy.php;");
aI("text=Omens;url=ec_omens.php;");
aI("text=General Text Pages;url=ec_stories.php;");
aI("text=Enter a Warriors story;url=story_submit.php?section=Warriors;");
aI("text=Delete a story - be careful!;url=story_delete.php;");
aI("text=Show Warriors stories;url=story_show.php?section=Warriors;");
}
with(milonic=new menuname("Omens06")){
style=submenuStyle;
aI("text=Spring Equinox;url=omens_detail.php?title=Spring Equinox 2006;");
aI("text=Celtiberian Summer Solstice;url=omens_detail.php?title=Celtiberian Summer Solstice;");
aI("text=Lughnasadh;url=omens_detail.php?title=Lughnasadh 2006;");
aI("text=Alban Elfed (Welsh Fall Equinox);url=omens_detail.php?title=Alban Elfed;");
aI("text=Samhain 2006;url=omens_detail.php?title=Samhain06;");
}
with(milonic=new menuname("Omens05")){
style=submenuStyle;
}
with(milonic=new menuname("Omens04")){
style=submenuStyle;
}
with(milonic=new menuname("Bealtainne")){
style=submenuStyle;
aI("text=Album Page;url=showpage.php?album=11§ion=57;");
aI("text=Slideshow;url=showalbum.php?album=11§ion=57;");
}
with(milonic=new menuname("WarriorsLodge")){
style=submenuStyle;
aI("text=Slideshow;url=showalbum.php?album=11§ion=60;");
aI("text=Album Page;url=showpage.php?album=11§ion=60;");
aI("text=Video;url=video.php?id=warriors;");
}
with(milonic=new menuname("Midsummer")){
style=submenuStyle;
aI("text=Album Page;url=showpage.php?album=11§ion=63;");
aI("text=Slideshow;url=showalbum.php?album=11§ion=63;");
}
with(milonic=new menuname("Lughnasadh")){
style=submenuStyle;
aI("text=Show photos as album page;url=showpage.php?album=11§ion=64;");
aI("text=Show photos as slide show;url=showalbum.php?album=11§ion=64;");
}
with(milonic=new menuname("Samhain06")){
style=submenuStyle;
aI("text=Show album page;url=showpage.php?album=11§ion=72;");
aI("text=Slide show;url=showalbum.php?album=11§ion=72;");
}
drawMenus();

Poster: Ruth
Dated: Friday February 9 2007 - 21:16:33 GMT

Hi,

Try removing the call for the files from the div. Either place them in the head with the milonic_src.js file or, which is better, put all the calls as the first thing after the body tag.



Try that and remove the fix you did to see if that fixes your 3rd level issue.

Ruth

YES! Third level cured!

Poster: mikieat
Dated: Friday February 9 2007 - 22:08:01 GMT

Thank you so much, Ruth. All I did was mover the Milonic stuff to the very beginning after the body tag. Fortunately, using the SMARTY template system, once change fixed all pages.

I know the exact placement of the various DIV's for positioning on the pages was the previous result of trial and error more than logic. The fact that different browsers treat something so fundamental so differently certainly is annoying...

If you are out here in Southern California some time, I'll buy you a cuppa' coffee!