Compatibility issues?

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
TallerMike
Beginner
Beginner
Posts: 4
Joined: Fri Feb 13, 2004 2:32 am

Compatibility issues?

Post by TallerMike »

When I have the DOCTYPE set at the top of the page as follows:

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • -IE 5.0 - IE 5.5 look fine
    -IE 6.0 ignores the padding tags for the base menu item, and only showed the menu headers correct color after it was moused over
    -NS7 ignores all of the padding tags for all of the items
If I remove the line, everything works fine. What's up with that? Removing the DTD URL fixed the problems in IE 6, but I think NS7 still had issues.

The second thing I noticed was that in using the CSS style padding to set the 4 paddings, NS7 doesn't like the px to be after each of the sizes. IE didn't seem to care.

Here is my menu code:

Code: Select all

_menuCloseDelay=500           // The time delay for menus to remain visible on mouse out
_menuOpenDelay=100            // The time delay before menus open on mouse over
_followSpeed=5                // Follow scrolling speed
_followRate=40                // Follow scrolling Rate
_subOffsetTop=10              // Sub menu top offset
_subOffsetLeft=-37            // Sub menu left offset
_scrollAmount=3               // Only needed for Netscape 4.x
_scrollDelay=20               // Only needed for Netcsape 4.x

// Main Menu Style
with(mainsubMenuStyle=new mm_style()){
onbgcolor="#F5F5F5";
oncolor="#000000";
offbgcolor="#FFFFFF";
offcolor="#000000";
padding="2 5 2 6";
fontsize="12px";
fontstyle="normal";
fontfamily="Arial, Verdana, Tahoma";
fontweight="bold";
pagecolor="white";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#FFFFFF";
subimage="arrow.gif";
subimagepadding="2";
onborder="1px solid #D3D3D3";
headercolor="6E6E6E";
}

// Sub Menus Style
with(subMenuStyle=new copyOf(mainsubMenuStyle)){
bordercolor="#D3D3D3";
borderstyle="solid";
borderwidth=1;
fontstyle="normal";
fontweight="";
padding="2 5 2 5";
overfilter="Shadow(color='#D3D3D3', Direction=135, Strength=3)";
}

GrayMenuHeader = "fontsize=11px;fontweight=normal;padding=2 5 2 10;"
BlueMenu = "oncolor=#01669A;offcolor=#01669A;padding=2 5 2 10;"

with(milonic=new menuname("Main Menu")){
style=mainsubMenuStyle;
top=156;
left=17;
itemwidth=175;
alwaysvisible=1;
orientation="vertical";
aI("text=;");
aI("text=Home;url=http://www.myDomain.com/;status=Back To Home Page;");
aI("text=Products & Services;");
	aI("text=BridgeMaster E Menu:;type=header;" + GrayMenuHeader);
	aI("text=Product Homepage;" + BlueMenu);
	aI("text=Introduction;showmenu=Introduction;" + BlueMenu);
	aI("text=Features;" + BlueMenu);
	aI("text=System Configuration;" + BlueMenu);
	aI("text=Other Literature;" + BlueMenu);
aI("text=Customer Support;");
aI("text=Company Information;");
aI("text=Type Approvals;");
aI("text=Contact Us;");
aI("text=Suppliers;");
}
Please note that I removed the submenus to save some space in the post
Post Reply