Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:24

Having problem with position of menu in IE


Poster: Deauxmain
Dated: Wednesday November 23 2005 - 21:18:37 GMT

I am having problems getting my menu to position properly in IE. It looks correct in Firefox, but slightly higher in IE. I'm at a loss...not sure how to fix it.

http://www.ks2inc.com/NewCSS/index4.htm

Below is the code I'm using. Can anyone suggest changes that might get me in the right position. I'm just trying to center the menu as it shows in Firefox.

Thanks!
Bruce

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=0;
_subOffsetLeft=1;

with(menuStyle=new mm_style()){
onbgcolor="#CC9900";
oncolor="#ffffff";
offbgcolor="#CCCC99";
offcolor="#515151";
bordercolor="#999999";
borderstyle="solid";
borderwidth=0;
separatorcolor="#999999";
separatorsize="1";
padding="2px 8px 2px 8px";
fontsize="100%";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="images/arrow.gif";
subimagepadding="2";
}


with(KS2=new menuname("Main Menu")){
alwaysvisible=1;
left=245;
orientation="horizontal";
style=menuStyle;
top=81;
aI("status=Back To Home Page;text=Home;url=http://www.ks2inc.com/;");
aI("showmenu=Solutions;text=Solutions;");
aI("showmenu=Products;text=Products;");
aI("showmenu=Support & Services;text=Support & Services;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Corporate;text=Corporate;");
aI("showmenu=Resources;text=Resources;");
}


Poster: Ruth
Dated: Wednesday November 23 2005 - 23:23:02 GMT

Hi,

The problem has to do with how browsers render their default margins if a margin is not listed in css, they are not all the same.

add this to the top of your css file

Code:
html{margin:0px;}
body{margin:10px;}


That makes the margins the same in all the browsers [well, IE FF and NN, and I think on Macs]

Ruth