offset in IE

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

offset in IE

Poster: ChazMonro
Dated: Friday September 15 2006 - 21:42:11 BST

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:

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:

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://www.milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("text=Privacy Policy;url=http://www.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

Poster: Ruth
Dated: Saturday September 16 2006 - 21:03:29 BST

Hi,

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

Code:

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:

<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

Poster: ChazMonro
Dated: Monday September 18 2006 - 15:05:48 BST

Thanks Ruth... your the best.

Chuck

Industrial Strength JavaScript and DHTML Menus

offset in IE