CSS Menu, nearly there

sparkymark75 · 20 Feb 2007 at 22:36

I've been trying to get a drop-down list to work for ages and I'm getting close but just can't get it to work. Can anyone take a look at the code and see if they can help?

http://mparter.pwp.blueyonder.co.uk/dev/bfc/test.htm

If you hover over the the teams menu item, another 2 sub-items should drop down. But on IE7 and FF2, they both appear alongside. :mad:

lozza · 20 Feb 2007 at 23:15

Your submenu doesn't have an ID have a look HERE

sparkymark75 · 20 Feb 2007 at 23:35

That menu seems to render OK but I want mine to appear directly underneath the main menu item. The code I've tried to adapt is at http://www.htmldog.com/articles/suckerfish/dropdowns/

lozza · 21 Feb 2007 at 00:09

mparter said:
That menu seems to render OK but I want mine to appear directly underneath the main menu item.

I don't really understand what you mean by this, as the link i posted the second level navigation appears directly underneath the "main" top level navigation.

The reason it is wider is just due to the size - set the size to whatever you want i.e a max width the same as the top level.

edit if your using the htmldog link that you have posted then your using javascript not pure CSS - you'll need some one with JS knowleged i feel

sparkymark75 · 21 Feb 2007 at 00:16

Harib0 said:
I don't really understand what you mean by this, as the link i posted the second level navigation appears directly underneath the "main" top level navigation.

The reason it is wider is just due to the size - set the size to whatever you want i.e a max width the same as the top level.

When you view that page in IE7, you get the following effect

In FireFox 2 it's fine. I'm aiming for IE5+, FF, etc support. Can't even get it to work in one browser at present

lozza · 21 Feb 2007 at 00:18

I edited my post above - Have a look at this see if you can spot your mistake - it works fine in ie and ff and is using JS - i know nothing of JS so can't help any further sorry

sparkymark75 · 21 Feb 2007 at 15:09

OK, I've used the CSS at http://www.cssplay.co.uk/menus/final_drop2.html and I've now got it pretty much working as I'd like in IE7 and FF. However, in IE6 the menu "boxes" overlap the top of the body section and the text in the sub-menu is smaller.

Can anyone advise on what's causing this?

Comparison Shots

Internet Explorer 7

Firefox 2

Internet Explorer 6

shine · 21 Feb 2007 at 15:24

IE 6 isn't a fully standards compliant browser.