2 replies [Last post]
ljhardy
Offline
newbie
Last seen: 15 years 23 weeks ago
Joined: 2004-05-13
Posts: 3
Points: 0

I'm trying to make a small change to your great menuing system to allow the submenus to be varying widths. I did this simply by attaching an ID to the <UL> of the submenu. It works great in Moz, but has the effect in IE of seperating the main level menu when the submenu appears. It is easier to see than it is to describe. Take a look at:

http://www.bhsboosters.org/multimenu.html

As you mouse over the main menu you will see that the 2nd and 4th submenus have different widths. When using IE, mousing over these options causes the top level menu to split apart by the exact same width as the submenu.

Any ideas on what the heck I'm doing wrong here?

Thanks!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 4 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Sub Menu Width

Hi ljhardy,
Sorry for the slow reply I have had a busy week.
You can fix you main problems by changing position in #nav ul to position:absolute;
and change margin-left:8em; to left:8em; in #nav ul ul, #nav ul ul ul{
You also have a couple of typos margin-tip should be margin-top and text-position: center; doesn't exist.

Hope that helps

ljhardy
Offline
newbie
Last seen: 15 years 23 weeks ago
Joined: 2004-05-13
Posts: 3
Points: 0

That fixed it!!

Thanks Tony, your suggestions did the trick!

Best Regards,

Len