Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:15

Resizing Browser Moves Menu Down the Page


Poster: Ernst
Dated: Wednesday October 29 2008 - 1:26:41 GMT

Hey,

I've got a licensed version of milonic menu, I'm using the latest version (5.803) but I'm having a problem since I started using this menu:

- I have two menus on screen: a horizontal on on the top and a vertical one on the left
The horizontal one doesn't give any problems. Just the menu on the left..

- Whenever I load the page the menu is on and the browser is not full screen (or small enough to not see the menu completly) the menu loads but than moves down and stays there.. only the vertical menu on the left...
This is a problem because I'm building a menu which is lower on the page and won't be seen when the page loads, however when I scroll down the menu is much lower than the <td> it is supposed to be in...

- Problem occurs in both IE7, IE6 and Mozilla Firefox (everything I tested)

Code of the Horizontal Menu
Code:
// JavaScript Document
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
overflow="scroll";
style=menuStyleTop;
position="relative";
menuwidth="100%";
itemwidth="100%";
menualign="center";
align="center";
orientation="horizontal";
aI("showmenu=;text=Home;url=index.php;");
aI("showmenu=M.S.V. Pulse;text=MSV Pulse;url=;");
aI("showmenu=;text=Activiteiten;url=activiteiten.php?p=pulse&name=activiteiten;");
aI("showmenu=Workshops;text=Workshops;url=;");
aI("showmenu=;text=Foto's;url=fotos.php?p=pulse&name=foto;");
aI("showmenu=;text=Sponsoren;url=custom.php?ID=296&p=pulse;");
aI("showmenu=Extra;text=Extra;url=;");
}
drawMenus();


Code of the Vertical Menu:
Code:
// JavaScript Document
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
overflow="scroll";
style=menuStyle;
position="relative";
itemwidth=175;
aI("showmenu=Onderwijs;text=Onderwijs;url=index.php?p=onderwijs&name=Onderwijs;");
aI("showmenu=Voor Co-assistenten;text=Voor Co-assistenten;url=index.php?p=master&name=Voor%20Co-assistenten;");
aI("showmenu=MMSRC;text=MMSRC;url=index.php?p=conference&name=MMSRC;");
aI("showmenu=;text=Boekenbar;url=custom.php?ID=185?p=forum&name=boekenbar;");
aI("showmenu=Magazine;text=Magazine;url=index.php?p=magazine&name=Magazine;");
aI("showmenu=;text=Oefentoetsen;url=custom.php?ID=184?p=forum&name=mediatheek;");
aI("showmenu=Borrels;text=Borrels;url=fotos.php?p=bachelor&name=borrels;");
aI("showmenu=;text=Klachten;url=klachten.php?p=onderwijs&name=onderwijs;");
aI("showmenu=Inloggen;text=Inloggen;url=forum/index.php;");
}
drawMenus();


menu_data.js:
Code:
fixMozillaZIndex=true;
_menuCloseDelay=350;
_menuOpenDelay=150;
_subOffsetTop=0;
_subOffsetLeft=10;


with(menuStyle=new mm_style()){
bordercolor='#296488';
borderstyle='solid';
borderwidth=0;
fontfamily='Verdana, Tahoma, Arial';
fontsize='12px';
fontstyle='bold';
fontweight='900';
headerbgcolor='#c1cedf';
headercolor='#2A3584';
offbgcolor='#c1cedf';
onbgcolor='#F39425';
oncolor='#4d4d4d';
offcolor='#4d4d4d';
outfilter='Fade(duration=0.2)';
overfilter='Fade(duration=0.2)';
padding=5;
pagebgcolor='#F39425';
pagecolor='#c1cedf';
separatorcolor='#c1cedf';
separatorsize=1;
subimage='includes/Milonic_Menu/arrow.gif';
subimagepadding=2;
}

with(menuStyleTop=new mm_style()){
bordercolor='#264884';
borderstyle='solid';
borderwidth=1;
fontfamily='Verdana, Tahoma, Arial';
fontsize='12px';
fontstyle='bold';
fontweight='900';
headerbgcolor='#c1cedf';
headercolor='#2A3584';
offbgcolor='#264884';
onbgcolor='#F39425';
oncolor='#264884';
offcolor='#F39425';
outfilter='Fade(duration=0.2)';
overfilter='Fade(duration=0.2)';
padding=5;
pagebgcolor='#F39425';
pagecolor='#4d4d4d';
separatorcolor='#264884';
separatorsize=1;
subimage='includes/Milonic_Menu/arrow2.gif';
onsubimage='includes/Milonic_Menu/arrow3.gif';
pagesubimage='includes/Milonic_Menu/arrow3.gif';
subimagepadding=2;
subimageposition='middle';
}

with(menuStyleTop2=new mm_style()){
bordercolor='#264884';
borderstyle='solid';
borderwidth=1;
fontfamily='Verdana, Tahoma, Arial';
fontsize='12px';
fontstyle='bold';
fontweight='900';
headerbgcolor='#c1cedf';
headercolor='#2A3584';
offbgcolor='#c1cedf';
onbgcolor='#F39425';
oncolor='#c1cedf';
offcolor='#ed7a23';
outfilter='Fade(duration=0.2)';
overfilter='Fade(duration=0.2)';
padding=5;
pagebgcolor='#F39425';
pagecolor='#c1cedf';
separatorcolor='#2D729D';
separatorsize=1;
subimage='includes/Milonic_Menu/arrow.gif';
subimagepadding=2;
subimageposition='middle';
align='center';
menualign='center';
}
with(milonic=new menuname("submenu2")){
style=menuStyle;
aI("showmenu=;text=Test 1;url=poll.php;");
aI("showmenu=submarine;text=Test 2;url=;");
aI("showmenu=;text=Test 3;url=;");
aI("showmenu=;text=Test 4;url=;");
}

with(milonic=new menuname("Voor Co-assistenten")){
style=menuStyle;
aI("showmenu=;text=Nieuws voor Co's;url=index.php?p=master&name=Voor%20Co-assistenten;");
aI("showmenu=;text=Commissie Master;url=commissie.php?ID=253&p=master&name=commissies;");
aI("showmenu=;text=Workshops;url=workshops.php?p=master&name=Workshops;");
aI("showmenu=Activiteiten Co's;text=Activiteiten;url=activiteiten.php?p=master&name=activiteiten;");
aI("showmenu=;text=Vacatures;url=custom.php?ID=249&p=master&name=Vacatures;");
aI("showmenu=;text=Foto's;url=fotos.php?p=master&name=foto;");
aI("showmenu=Extra Co's;text=Extra;url=;");
}

with(milonic=new menuname("Onderwijs")){
style=menuStyle;
aI("showmenu=;text=Actualiteiten;url=index.php?p=onderwijs&name=Onderwijs;");
aI("showmenu=SOG;text=Studentenberaad (SOG);url=;");
aI("showmenu=;text=Gremia;url=custom.php?ID=304&p=onderwijs&name=Onderwijs;");
aI("showmenu=;text=Commissies;url=custom.php?ID=205&p=onderwijs&name=Onderwijs;");
aI("showmenu=;text=Blok-Evaluaties;url=custom.php?ID=247&p=onderwijs&name=Onderwijs;");
aI("showmenu=Extra Onderwijs;text=Extra;url=;");
}

with(milonic=new menuname("SOG")){
style=menuStyle;
aI("showmenu=;text=Informatie;url=custom.php?ID=302&p=onderwijs&name=Onderwijs;");
aI("showmenu=;text=Leden;url=custom.php?ID=303&p=onderwijs&name=Onderwijs;");
aI("showmenu=;text=Contact;url=custom.php?ID=190&p=onderwijs&name=Onderwijs;");
}

with(milonic=new menuname("Extra Onderwijs")){
style=menuStyle;
aI("showmenu=;text=Overlegpartners;url=custom.php?ID=228&p=onderwijs&name=Onderwijs;");
aI("showmenu=;text=NVMO-Congres;url=custom.php?ID=229&p=onderwijs&name=Onderwijs;");
aI("showmenu=;text=Links en Tips;url=custom.php?ID=230&p=onderwijs&name=Onderwijs;");
}

with(milonic=new menuname("MMSRC")){
style=menuStyle;
aI("showmenu=;text=Nieuws MMSRC;url=index.php?p=conference&name=MMSRC;");
aI("showmenu=;text=Tickets;url=visitor.php?p=Conference&name=Tickets;");
aI("showmenu=;text=Programme;url=custom.php?ID=96&p=Conference;");
aI("showmenu=Participants MMSRC;text=Participants;url=;");
aI("showmenu=;text=Key-note Lectures;url=custom.php?ID=98&p=Conference;");
aI("showmenu=;text=Workshops;url=custom.php?ID=99&p=Conference;");
aI("showmenu=Organization MMSRC;text=Organization;url=;");
aI("showmenu=Information MMSRC;text=Information;url=;");
aI("showmenu=Sponsors MMSRC;text=Sponsors;url=;");
}

with(milonic=new menuname("Magazine")){
style=menuStyle;
aI("showmenu=;text=Nieuws Magazine;url=index.php?p=magazine&name=Magazine;");
aI("showmenu=;text=Magazines;url=custom.php?ID=174&p=magazine;");
aI("showmenu=;text=Redactie;url=commissie.php?ID=259&p=magazine&name=redactie;");
aI("showmenu=;text=Eigen Stukje?;url=custom.php?ID=199&p=magazine;");
}

with(milonic=new menuname("Inloggen")){
style=menuStyle;
aI("showmenu=;text=Hoe Werkt Het?;url=custom.php?ID=332&p=pulse;");
aI("showmenu=;text=Mijn Workshops;url=forum/workshops.php;");
aI("showmenu=;text=Forum;url=forum/index.php;");
aI("showmenu=;text=Pulse Markt;url=forum/view_forum.php?id=52;");
aI("showmenu=;text=Wachtwoord Vergeten?;url=forum/mail_pass.php;");
}

with(milonic=new menuname("Extra Co's")){
style=menuStyle;
aI("showmenu=;text=Links;url=custom.php?ID=15&p=master;");
aI("showmenu=;text=Hulpmiddelen;url=custom.php?ID=8&p=master;");
aI("showmenu=;text=Loopbaanwijzer;url=custom.php?ID=251&p=master;");
aI("showmenu=;text=Boeken;url=custom.php?ID=248&p=master;");
aI("showmenu=;text=Sponsoren;url=custom.php?ID=295&p=master;");
aI("showmenu=;text=Contact;url=custom.php?ID=187&p=master;");
}

with(milonic=new menuname("Participants MMSRC")){
style=menuStyle;
aI("showmenu=;text=Oral Presentation;url=custom.php?ID=101&p=conference;");
aI("showmenu=;text=Poster Presentations;url=custom.php?ID=100&p=conference;");
aI("showmenu=;text=Awards;url=custom.php?ID=243&p=conference;");
}

with(milonic=new menuname("Organization MMSRC")){
style=menuStyle;
aI("showmenu=;text=Board;url=bestuur.php?p=conference&name=Board;");
aI("showmenu=;text=Committees;url=commissie.php?p=conference&name=Committees;");
aI("showmenu=;text=Contact;url=custom.php?ID=183&p=conference;");
aI("showmenu=;text=Scientific Advisory Board 2008;url=custom.php?ID=121&p=conference;");
}

with(milonic=new menuname("Information MMSRC")){
style=menuStyle;
aI("showmenu=;text=Traveling;url=custom.php?ID=126&p=conference;");
aI("showmenu=;text=Maastricht;url=custom.php?ID=129&p=conference;");
aI("showmenu=;text=Maastricht University;url=custom.php?ID=127&p=conference;");
aI("showmenu=;text=Research Institutes;url=custom.php?ID=128&p=conference;");
aI("showmenu=;text=Links;url=custom.php?ID=130&p=conference;");
aI("showmenu=;text=Photo Album;url=fotos.php?p=conference&name=Photo%20Album;");
aI("showmenu=;text=Accommodation;url=custom.php?ID=241&p=conference;");
aI("showmenu=;text=About the MMSRC;url=custom.php?ID=119&p=conference;");
}

with(milonic=new menuname("Sponsors MMSRC")){
style=menuStyle;
aI("showmenu=;text=Sponsors;url=custom.php?ID=245&p=conference;");
aI("showmenu=;text=Sponsorship;url=custom.php?ID=244&p=conference;");
}

with(milonic=new menuname("Borrels")){
style=menuStyle;
aI("showmenu=BOB's;text=BOB's;url=activiteiten.php?p=bachelor&ID=154&name=activiteiten;");
aI("showmenu=Co-Borrels;text=Co-Borrels;url=activiteiten.php?p=master&ID=153&name=activiteiten;");
}

with(milonic=new menuname("BOB's")){
style=menuStyle;
aI("showmenu=;text=Foto's;url=fotos.php?p=bachelor&name=bob;");
}

with(milonic=new menuname("Co-Borrels")){
style=menuStyle;
aI("showmenu=;text=Foto's;url=fotos.php?p=bachelor&name=co_borrel;");
}

with(milonic=new menuname("Workshops")){
style=menuStyleTop2;
aI("showmenu=;text=    Alle Workshops   ;url=workshops.php?p=pulse&name=workshops;");
aI("showmenu=;text=Mijn Workshops;url=forum/workshops.php;");
}

with(milonic=new menuname("M.S.V. Pulse")){
style=menuStyleTop2;
aI("showmenu=;text=Bestuur;url=bestuur.php?p=pulse&name=bestuur;");
aI("showmenu=;text=Commissies;url=commissie.php?p=pulse&name=commissies;");
aI("showmenu=;text=    Lidmaatschap    ;url=custom.php?ID=327&p=pulse;");
aI("showmenu=;text=Over Pulse;url=custom.php?ID=266&p=pulse;");
}

with(milonic=new menuname("Extra")){
style=menuStyleTop2;
aI("showmenu=;text=Links;url=custom.php?ID=297&p=pulse;");
aI("showmenu=Vacatures;text= Vacatures;url=;");
aI("showmenu=;text=Contact;url=custom.php?ID=189&p=pulse;");
aI("showmenu=;text=Statistieken;url=stats.php;");
}

with(milonic=new menuname("Vacatures")){
style=menuStyleTop2;
aI("showmenu=;text=;url=;");
}

with(milonic=new menuname("Activiteiten Co's")){
style=menuStyle;
aI("showmenu=;text=Artsenbul Uitreiking;url=custom.php?ID=18&p=master;");
aI("showmenu=;text=Doctoraal Uitreiking;url=custom.php?ID=17&p=master;");
aI("showmenu=;text=Clinicus van het Jaar;url=custom.php?ID=69&p=master;");
}

with(milonic=new menuname("Test")){
style=menuStyle;
aI("showmenu=;text=probeersel;url=;");
}

with(milonic=new menuname("test")){
style=menuStyle;
aI("showmenu=;text=klop;url=;");
}

drawMenus();


this is the website: http://www.msvpulse.nl

I hope you can help me out!


Thx, Ernst :)

Re: Resizing Browser Moves Menu Down the Page


Poster: Ruth
Dated: Wednesday October 29 2008 - 14:59:19 GMT

Hi Ernst,

Remove the overflow="scroll"; from the two embedded main menus that should fix it. The horizontal menu will not 'scroll' besides you have it set at 100%, the vertical menu won't scroll either since you have no menu 'size' set and finally they are both in tables relatively positioned so they will be whatever the table is.

Ruth

Re: Resizing Browser Moves Menu Down the Page


Poster: Ernst
Dated: Wednesday October 29 2008 - 19:45:43 GMT

Thx Ruth!! That fixed it :-)

I still have to figure out alot of the functionality!

Ernst!

Re: Resizing Browser Moves Menu Down the Page


Poster: Ruth
Dated: Thursday October 30 2008 - 3:05:39 GMT

Try the links below my name as to properties, i.e. style, menu, item properties.

Ruth