Having problem with position of menu in IE

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
Deauxmain
Beginner
Beginner
Posts: 1
Joined: Wed Nov 23, 2005 10:07 pm
Location: Grapevine, TX
Contact:

Having problem with position of menu in IE

Post by Deauxmain »

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;");
}
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

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: Select all

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
Post Reply