Resizing Browser Moves Menu Down the Page

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
Ernst
Beginner
Beginner
Posts: 5
Joined: Fri Jul 04, 2008 4:46 pm

Resizing Browser Moves Menu Down the Page

Post by Ernst »

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: Select all

// 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: Select all

// 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: Select all

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 :)
Top
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:
Contact Ruth

Re: Resizing Browser Moves Menu Down the Page

Post by Ruth »

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
Top
Ernst
Beginner
Beginner
Posts: 5
Joined: Fri Jul 04, 2008 4:46 pm

Re: Resizing Browser Moves Menu Down the Page

Post by Ernst »

Thx Ruth!! That fixed it :-)

I still have to figure out alot of the functionality!

Ernst!
Top
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:
Contact Ruth

Re: Resizing Browser Moves Menu Down the Page

Post by Ruth »

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

Ruth
Top
Post Reply

Return to “Help & Support for DHTML Menu Version 5+”