offset in IE

[ChazMonro]

I did a search, found people with the same problem, but still cant figure it out.

look at this URL in IE... the only menu item with a dropdown is the Divisions tab
http://psa.strenghosting.com/


THIS IS THE menu_data.js

Code: Select all

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

with(menuStyle=new mm_style()){
onbgcolor="";
oncolor="#EEEEEE";
offbgcolor="";
offcolor="#D9DBDE";
bordercolor="";
borderstyle="solid";
borderwidth=0;
separatorcolor="";
separatorsize="0";
padding=0;
fontsize="10px";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="#FFFFFF";
pagebgcolor="";
headercolor="";
headerbgcolor="";
subimage="";
subimagepadding="";
overfilter="Fade(duration=0.0);Alpha(opacity=100); Direction=135, Strength=0)";
outfilter="randomdissolve(duration=0.0)";
}


with(subMenuStyle=new mm_style()){	
bordercolor="#999999";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Tahoma, Arial";
fontsize="10px";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#373a36";
offcolor="#FFFFFF";
onbgcolor="#666766";
oncolor="#FFFFFF";
padding=3;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=0;
subimage="";
subimagepadding=2;
overfilter="Fade(duration=0.0);Alpha(opacity=100);Shadow(color='#666666', Direction=135, Strength=0)";
outfilter="randomdissolve(duration=0.0)";
}

THIS IS THE embedded_main_menu.js

Code: Select all

with(milonic=new menuname("Main Menu")){
style=menuStyle; 
alwaysvisible=1; 
orientation="horizontal"; 
position="relative"; 

aI("image=http://psa.strenghosting.com/assets/nav/b1.png;overimage=http://psa.strenghosting.com/assets/nav/b1_O.png;url=# "); 
aI("image=http://psa.strenghosting.com/assets/nav/b2.png;overimage=http://psa.strenghosting.com/assets/nav/b2_O.png;url=# "); 
aI("image=http://psa.strenghosting.com/assets/nav/b3.png;overimage=http://psa.strenghosting.com/assets/nav/b3_O.png;url=# "); 
aI("image=http://psa.strenghosting.com/assets/nav/b4.png;overimage=http://psa.strenghosting.com/assets/nav/b4_O.png;url=gallery.asp;"); 
aI("image=http://psa.strenghosting.com/assets/nav/b5.png;overimage=http://psa.strenghosting.com/assets/nav/b5_O.png;showmenu=Milonic;url=index.asp?DivID=8;"); 
aI("image=http://psa.strenghosting.com/assets/nav/b6.png;overimage=http://psa.strenghosting.com/assets/nav/b6_O.png; url=# "); 
aI("image=http://psa.strenghosting.com/assets/nav/b7.png;overimage=http://psa.strenghosting.com/assets/nav/b7_O.png;url=contact.asp;"); 
}

drawMenus(); 

with(milonic=new menuname("Milonic")){
style=subMenuStyle;

aI("text=Product Purchasing Page;url=http://milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://milonic.com/contact.php;");
aI("text=Newsletter Subscription;url=http://milonic.com/newsletter.php;");
aI("text=FAQ;url=http://milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://milonic.com/forum/;");
aI("text=Software License Agreement;url=http://milonic.com/license.php;");
aI("text=Privacy Policy;url=http://milonic.com/privacy.php;");
}
drawMenus();

I've tried moving the sub menu script to the menu_data.js, and that hasn't worked either. I am at a complete loss because this exact script worked on another site I built a while back, granted it was an older version of Milonic, but it worked.

oh, I have the script includes in the head of the page, I tried putting them just under the open body tag, but it didn't work there either. It works great in FireFox though.

The version of IE I am using is 6.0

Chuck

[Ruth]

Hi,

Took a bit to find the problem. In your page code you have in that TD for the menu

Code: Select all

<td vAlign="bottom">

That is causing the problem.

After some experiments, I tried the following and it seemed to work, but I'm on the old computer with IE5.5, so can't test on 6. Try adding a table to the cell that has the menu and put the menu in that table. It seems the vAlign then applies to the table but doesn't mess up the menu offsets.

Code: Select all

<TR>
          <TD><IMG height=81 src="mainLogo.png" width=151></TD>
          <TD vAlign=bottom><TABLE border=0 cellpadding=0 cellspacing=0>
<tr>
    <td><SCRIPT src="embedded_main_menu.js" type=text/javascript></SCRIPT></td>
</tr>
</table>
            
          </TD></TR>

Hope that helps.

Ruth

[ChazMonro]

Thanks Ruth... your the best.

Chuck