Menu - different look in Firefox with DOCTYPE

Poster: vikenk
Dated: Friday April 28 2006 - 3:14:51 BST

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?

Poster: Migru
Dated: Friday April 28 2006 - 21:31:28 BST

Viken wrote



yes Viken return to Transitional...... there things work as they should...

Michael

Poster: vikenk
Dated: Friday April 28 2006 - 22:06:37 BST



LOL!

I suppose I could just validate it with the Strict Doctype then insert the Transitional, right?

Poster: Ruth
Dated: Saturday April 29 2006 - 4:38:44 BST

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,

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