Forum Moderators: not2easy

Message Too Old, No Replies

Position issue showing hidden submenu in netscape/firefox

         

macnmotion

4:34 pm on Jan 8, 2008 (gmt 0)

10+ Year Member



Hi. I have a horizontal main menu in a div. Right above that I have a div containing an empty placeholder (to hold space) of a submenu. This div is visible. Two of the items on the main menu trigger their own submenus which live in the same space as the placeholder submenu. These two submenus are hidden to start. Each of the submenus has a z index (placeholder=1, subnavoption1=2, subnavoption2=3).

In IE, Netscape and Firefox, the main menu items trigger and show the submenus. However, in Netscape and Firefox, the submenus appear 7 pixels lower than they should. This is causing me some design issues. I can't figure out why the positioning of the submenus in IE is perfect, but not in the other two.

Any ideas? Thx. Andy

macnmotion

12:19 pm on Jan 9, 2008 (gmt 0)

10+ Year Member



Solution:

zeroing out the Body margin at the top of my style sheet allowed all browsers to be on an equal footing, then fine tuning the absolute positioning of the submenus was a simple task. Works great now.

Andy