Horizontaal, transparant submenu

[MikeTopixx]

Ik heb problemen met het submenu van de volgende site:

http://www.topixx.nl/test/bizon/index.html
(http://www.topixx.nl/test/bizon/index.html)

Het moet een horizontaal uitklapmenu worden, zoals op deze afbeelding:
http://www.topixx.nl/test/bizon/ontwerp01-kopie.jpg
(http://www.topixx.nl/test/bizon/ontwerp01-kopie.jpg)
Ik krijg het maar niet goed.

Iemand die mij kan helpen?

[-ADV-]

Heb je het inmiddels al goed gekregen? Ik zie dat je live voorbeeld ook horizontaal
is zoals in het *.jpg voorbeeld?

[MikeTopixx]

Nee, het is wel horizontaal, maar het werkt nog niet goed.
De submenu's van de eerste twee hoofdmenu-items verdwijnen bij een mouse-over.

[dcm360]

Heb je het inmiddels al goed gekregen? Ik zie dat je live voorbeeld ook horizontaal
is zoals in het *.jpg voorbeeld?Ik heb net ook even gespiekt, en het gaat bij mij alleen mis in IE8, andere browsers doen het wel goed.

Maar eens zien of ik hiervoor ergens een oplossing heb liggen. Hm, blijkbaar is het CSS problematiek, daar ga ik me toch maar niet aan wagen. Momenteel heb ik de gigantische luxe dat mn werk niet geheel correct hoeft te zijn in IE, dus ik heb er ook geen kant en klare oplossing voor liggen.

[-ADV-]

Als ik het hier test is het alleen in Opera ok.
In Safari, firefox, chrome en IE werkt het niet correct.

Maar ik heb wel een oplossing gevonden voor je probleem.
Verander je .uitklapmenu CSS hierin:

.uitklapmenu {
height: 23px;
z-index: 2;
width: 519px;
visibility: visible;
margin-top: 4px;
margin-left: -40px;
}Dus de absolute position weg en dan de margin 4px top en -40 left toevoegen!

En je zal zien dat je probleem weg is.
Getest in alle browsers die ik hier heb opgenoemd.

Succes.

[Salvago]

Het lijkt er mij op dat de areas overlappen. Wanneer je onder de knop hovered komt je menu ook al tevoorschijn. En met het gedrag komt het overeen met wanneer ze over elkaar zouden liggen, met de meest rechtse "van boven". zie bijlage.
Het gebied tussen de rode haken is waar het menu van 'zakelijke diensten' al naar beneden komt. het blauwe linker haakje is tot waar dat geld voor 'retail'. Dit gebied stopt bij het rode rechter haakje.

Ik denk dat je probleem dus ligt in dat de areas al actief zijn zonder dat het menu naar beneden is.

edit:of dat van ADV

[MikeTopixx]

Dus de absolute position weg en dan de margin 4px top en -40 left toevoegen!


Daarmee is het inderdaad opgelost! Bedankt!