different opening position of submenu in FF and IE

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
pbarrett
Beginner
Beginner
Posts: 3
Joined: Wed Feb 15, 2006 9:43 pm

different opening position of submenu in FF and IE

Post by pbarrett »

I'm a newbie at using these menus so this problem may be easily solved.
I have an image based menu (one image, multiple area defined links), currently I'm using the image based popup menu. When I try to position whre the submenu opens by offsetting the top, left defaults, there seems to be a discrepancy between the position if Firefox and IE. Do i need to imbed the menu in a table? would that solve this?

The example is at http://www.khidma.org/index.php
The first two drop down menues are offset, the rest are positioned based on mouse location. I'd like to move them away from mouse based, though first i need to solve the ie/ff difference.
Any input is appreciated
vikenk
Mega Advanced
Mega Advanced
Posts: 297
Joined: Tue Nov 29, 2005 7:38 pm

Post by vikenk »

Hi,

The first thing to start with is a valid DOCTYPE in your website. You have not declared a doctype, therefore, any chance of cross-browser compatibility almost goes out the door.

Declaring a full, valid doctype forces browsers into "standards compliant" mode. With no doctype, browsers (especially IE) will remain in their "quirks mode" and will likely not render similarly. Put this before your initial <html> tag, at the very top of your page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Let us know how it works.
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Another thing to do is get away from fontsize="100%". Use fontsize="10px" (or whatever). Much better cross-platform compatibility.
John
Post Reply