Menu - different look in Firefox with DOCTYPE

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
vikenk
Mega Advanced
Mega Advanced
Posts: 297
Joined: Tue Nov 29, 2005 7:38 pm

Menu - different look in Firefox with DOCTYPE

Post by vikenk »

Hello all,

I'm trying to convert a site to a frameless design and implement the menu and validate to a strict Doctype. I'm nearly there. One thing I'm having trouble with is the menu in Firefox when the strict doctype is used. The (horizontal) menu gets much taller when a Strict doctype is used vs. a Transitional doctype. It seems as if there's a lot of padding added.

Here's the test site: http://www.sayatnova.com/test/home.htm

The site conversion is incomplete, btw. ONLY the home page is STRICT Doctype, the rest are transitional (I've done this for demonstration purposes). You can see that in IE the menu height is consistent when going from the home page (Strict Doctype) to the other pages (Transitional). In Firefox, the Menu is taller in the homepage and shorter in the rest. I'd like for it to look like it does in IE.

The MENUHEIGHT property doesn't seem to do much.

BTW, I have styled the menu with CSS in my style sheet, using custom padding, etc., however it still behaves this way if I remove all the styling.

Another interesting note is that Firefox behaves the way I want in Transitional mode, but not in Strict. The coding and CSS are all the same, only the Doctype is different.

Any ideas?
Migru
Milonic Guru
Milonic Guru
Posts: 669
Joined: Tue Nov 01, 2005 8:22 pm
Location: Hamburg - Germany
Contact:

Post by Migru »

Viken wrote
Any ideas?
yes Viken return to Transitional...... there things work as they should...

Michael
vikenk
Mega Advanced
Mega Advanced
Posts: 297
Joined: Tue Nov 29, 2005 7:38 pm

Post by vikenk »

Migru wrote:Viken wrote
Any ideas?
yes Viken return to Transitional...... there things work as they should...

Michael
LOL!

I suppose I could just validate it with the Strict Doctype then insert the Transitional, right? :D
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi Vikenk,

Try using itemheight. Try it in the menu properties area, if that doesn't work try it in the items. If that doesn't work try it in both places. As a last resort, try making a separate style for the main menu that you say has the height difference and put in itemheight in the style, in the menu and in the item and see what happens. That's usually the way I try things [though sometimes I forget what I've tried and what I haven't, :lol:

Also, try using both menuheight and itemheight together.

I just tried to go to the site and test things but I get a password required, user not authorized :(

Ruth
Post Reply