Menu height problem using MAC Safari Browser

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:18

Menu height problem using MAC Safari Browser

Poster: skypilot
Dated: Monday January 16 2006 - 11:36:36 GMT

Hi!
I have a problem with the height of the menu when displayed using MAC Safari browser :

It is way heigher compared to the menu displayed on PC using Firefox:

Please ignore the different menu caption, which doesn't matter.

Can someone please help ?

Here's the source code:

******** menu_data.js - START *********

fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=0;
_menuOpenDelay=0;
_subOffsetTop=2;
_subOffsetLeft=-2;

with(menuStyle=new mm_style()){
bordercolor="#949697";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="100%";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#cde9f9";
offcolor="#515151";
onbgcolor="#4F8EB6";
oncolor="#ffffff";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=5;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#949697";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}

with(milonic=new menuname("Mainpage_Menu")){
overflow="scroll";
style=menuStyle;
aI("text=index;url=http://www.skypilotkiteboarding.com;")
aI("text=latest news;url=http://www.skypilotkiteboarding.com/modules.php?name=Stories_Archive&sa=show_all;")
aI("text=articles;url=http://www.skypilotkiteboarding.com/modules.php?name=Stories_Archive&sa=show_articles;")
aI("text=webcam;url=http://www.skypilotkiteboarding.com/webcam/squamish.html;")
aI("text=photo gallery;url=http://www.skypilotkiteboarding.com/modules.php?name=coppermine;")
aI("text=kite beaches;url=http://www.skypilotkiteboarding.com/modules.php?name=Content_Guides;")
aI("text=www links;url=http://www.skypilotkiteboarding.com/modules.php?name=Web_Links;")
aI("text=skypilots;url=http://www.skypilotkiteboarding.com/modules.php?name=Members_List&letter=All&sortby=uname;")
aI("text=skypilot account;url=http://skypilotkiteboarding.com/modules.php?name=Your_Account;")
aI("text=about us;url=http://www.skypilotkiteboarding.com/modules.php?name=Docs&file=about;")
aI("text=contact us;url=http://skypilotkiteboarding.com/modules.php?name=Feedback;")
aI("text=disclaimer;url=http://skypilotkiteboarding.com/modules.php?name=Docs&file=disclaimer;")

}

with(milonic=new menuname("Forum_Menu")){
overflow="scroll";
style=menuStyle;
aI("text=index;url=index.php;")
aI("text=settings;url=profile.php?mode=editprofile;")
aI("text=private messages;url=privmsg.php?folder=inbox;")
aI("text=who is online;url=viewonline.php")
aI("text=search;url=search.php")
}

drawMenus();

******** menu_data.js - END *********

HTML snippet:

******** HTML START *********
...
...
...
<body bgcolor="#F9F9F9" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="MM_preloadImages('templates/vSpiralFull/images/_nav_index-over.gif','templates/vSpiralFull/images/_nav_memberlist-over.gif','templates/vSpiralFull/images/_nav_privatemsgs-over.gif','templates/vSpiralFull/images/_nav_profile-over.gif','templates/vSpiralFull/images/_nav_register-over.gif','templates/vSpiralFull/images/_nav_search-over.gif','templates/vSpiralFull/images/_nav_statistics-over.gif','templates/vSpiralFull/images/_nav_user_group_cp-over.gif','templates/vSpiralFull/images/_nav_login_logout-over.gif')">
<script type="text/javascript" src="milonic_src.js"></script>
<noscript><a href="http://www.milonic.com/">DHTML JavaScript Website Pull Down Navigation Menu By Milonic</a></noscript>
<script type="text/javascript">
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
</script>
<script type="text/javascript" src="menu_data.js"></script>


<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="74" background="templates/vSpiralFull/images/_header_bg.gif">
<table width="0%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="70%"><a href="http://www.skypilotkiteboarding.com" target="blank"><img src="templates/vSpiralFull/images/_header.gif" border="0" /></a></td>
<td height="74" align="left" valign="middle"><a href="http://www.kitelauncher.com" target= "blank"><img src="templates/vSpiralFull/images/banner_turbolauncher.jpg" border="0" /></a></td>
</tr>
</table>
</td>
</tr>
<tr background="templates/vSpiralFull/images/_full_bg.gif" >
<td align=center valign=top height=27>
<SCRIPT TYPE="text/javascript">
with(milonic=new menuname("Main Menu")){
style=menuStyle;
itemheight=27;
top=155;
left=200;
alwaysvisible=1;
orientation="horizontal";
overfilter="";
position="relative";
aI("text=          Index ;url=http://www.milonic.com/;status=Back To Home Page;bgimage=bg_left.jpg;");
aI("text=Forum Menu;showmenu=Forum_Menu;bgimage=bg_forum.jpg;");
aI("text=Mainpage Menu;showmenu=Mainpage_Menu;bgimage=bg_forum.jpg;");
aI("text=Search;url=search.php;bgimage=bg_forum.jpg;");
aI("text=Login url=../modules.php?name=Your_Account;bgimage=bg_right.jpg;");
}
drawMenus();
</script>
</td>
</tr>
.....
.....
.....

******** HTML END*********

Thanks in advance,
Frank

Industrial Strength JavaScript and DHTML Menus

Menu height problem using MAC Safari Browser