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;");
}
Having problem with position of menu in IE
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
That makes the margins the same in all the browsers [well, IE FF and NN, and I think on Macs]
Ruth
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: Select all
html{margin:0px;}
body{margin:10px;}
Ruth