menu size changing at times

[famelink]

Hi,

pls check out:
http://www.ultimateglucosamine.com/cons ... duct.shtml

when resizing the browser (ie7), the menu gets smaller and smaller.
Sometimes the menu also changes size when navigating to other pages on the site. quite weird. Any help would be appreciated.

Thanks

[Ruth]

Hi,

The first thing you need to do is upgrade to the newest version 5.774.

To get notified when there is an update to the menu, go to this topic

viewtopic.php?t=3108

and set the watch this topic link. You will get an email when there is an update.

Ruth

[famelink]

hi, i just did the upgrade. The issue still remains.
Best way to reproduce:
1. load the page as per the link above
2. resize the browser by grabbing the bottom corner of ie and drag your mouse back and forth.
3. you'll see the menu get smaller and smaller

thx

[Ruth]

Hi,

Looking at your data file, it looks as if you're trying to place the menu relatively in the table below the top logo.

Try setting it up like this:

1. your menu_data.php file will be

Code: Select all

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; 
buildAfterLoad=true;

with(menuStyle=new mm_style()){ 
styleid=1; 
bordercolor="#000000"; 
borderstyle="solid"; 
borderwidth=1; 
fontfamily="Trebuchet MS, Verdana, Tahoma, Arial"; 
fontsize="11pt"; 
fontstyle="normal"; 
fontweight="normal"; 
headerbgcolor="#ffffff"; 
headercolor="#000000";
offcolor="#ffffff"; 
oncolor="#000000"; 
outfilter="fade(duration=0.5)"; 
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
rawcss="padding-top:10px;padding-bottom:5px"; 
separatorcolor="#000000"; 
separatorsize=1;  
} 
with(submenuStyle=new mm_style()){ 
bordercolor="#000000"; 
borderstyle="solid"; 
borderwidth=1; 
fontfamily="Trebuchet MS, Verdana, Tahoma, Arial"; 
fontsize="9pt"; 
fontstyle="normal"; 
fontweight="normal"; 
headercolor="#000000"; 
offbgcolor="#418ED6"; 
offcolor="#ffffff"; 
onbgcolor="#418ED6"; 
oncolor="#000000"; 
outfilter="fade(duration=0.5)"; 
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)"; 
padding=6; 
pagecolor="black"; 
separatorsize=1; 
subimage="white_7x7.gif"; 
subimagepadding=8; 
} 

I have removed the menuwidth=920 and the itemwidth=115. Menuwidth is not a style property, it is a menu property and needs to be in the menu section. Also, since you are placing it in the table, or so it seems, it can't be 920, since the table is only 800.

Next, your menu_draw.php file for the main menu info at the top would be

Code: Select all

with(milonic=new menuname("Main Menu")){ 
alwaysvisible=1;
position="relative";
menuwidth=800;
itemwidth=100;
menualign="center";
orientation="horizontal"; 
style=menuStyle; 

Finally, I added a table cell below the logo in that same table, this way the menu will always be positioned there no matter what the resolution it will remain below that logo in the same position. And, since buildAfterLoad=true; has been added, you would now call all the menu files in that table cell.

Code: Select all

<!--  top logo -->
      <TABLE cellSpacing=0 cellPadding=0 width=800 align=center border=0>
        <TBODY>
        <TR>
          <TD><IMG src="top.gif"></TD></TR>
		  <TR>
          <TD>
		  <!-- menu -->
		  <SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
         <SCRIPT src="mmenudom.js" type=text/javascript></SCRIPT>
<!-- The next file contains your menu styles -->
<SCRIPT src="menu_data.php" type=text/javascript></SCRIPT>
<!-- The next file contains your menu links and menu structure etc -->
		  <SCRIPT src="menu_draw.php" type=text/javascript></SCRIPT>
		  <!-- end menu --></TD></TR>
		  </TBODY></TABLE><!-- end top logo -->
      
<BR><BR><A name=what> </A> <!-- paragraph -->

Try that and see if it not only positions the correctly but stops it from shrinking.

Ruth

[famelink]

that worked. awesome, thanks!