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;}
body{margin:10px;}
That makes the margins the same in all the browsers [well, IE FF and NN, and I think on Macs]
Ruth