[SOLVED] Fly-out menu problems

[karinne]

Me and relative/absolute position don't really get along lately

* removed link since it's solved *

If you hover over "Informations" or "Locations" in the menu, you *should* notice a box at the top of the screen ... that's my drop-down/fly-out menu that copied from

http://www.cssplay.co.uk/menus/pro_d..._dropdown.html

But because of the absolute positioning here

Code: Select all

#navigation ul :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
top:28px; 
left:0; 
text-align:center;
}

I'm having a really hard time getting that hover box to show in the light green section ....

Help!?

[Rakuli]

In your CSS, the #navigation div has position:relative commented out.

You would need to make #navigation position:relative so that the abolutely positioned .sub elements are absolute based on the #navigation div. As it stands, they are absolutely position based on the main parent body tag.

[karinne]

bah ... of course! That worked!

Now ... why isn't mine working in IE6?

[Rakuli]

Not working? Is it the hovering or the link not showing?

[karinne]

The submenu isn't showing up at all in IE6 ... don't know if it works or not in IE7 as I don't have it here.

[alexgeek]

It does work in IE7 Karinne.
Looks like you'll have to use IE conditionals.

[karinne]

Hmmm... Thanks for checking Alex.

Ugh! I hate IE6.

[Rakuli]

Is it completely CSS based? If it is, IE6 does not support the :hover pseudo class on anything but links

[karinne]

It's completely css based however ... if you look at the link from cssplay in original post, you'll notice that that one works

[Rakuli]

I had a look at their code and it's riddled with conditional comments for IE 6 & 7 That would be why, unless you're using the same HTML exactly.

[karinne]

I'm using the same HTML

[karinne]

Nevermind. ... I got it working but I don't know what I did to fix it.

I just re-copied the code from cssplay and it worked

[Rakuli]

LOL.. I forgot to reply but I had both menus lined up in front of me, yours and the CSS sites and they looked structurally identical but yours just wasn't working..

Sorted now though, yay!

[karinne]

Yeah ... I'm not sure ... probably some CSS part I deleted Oh well ... it works now! I can finally get on with that site and launch it!