Dropdown menu + css + ie

Tags:    html css

Hej.

Jeg er ved at lave en Dj hjemmeside til en af mine venner.

Han vil gerne have en dropdown menu, og det har jeg så fået lavet.

Men problemet er IE ikke tolker z-index korrekt.

Den smider undermenuen til højre i stedet for under.

Hjemmesiden ser god ud i Firefox, men virker ikke korrekt i IE.

Det andet problem jeg har er at hvis jeg skal lave for eksempel 5 undermenuer i en menu og 2 undermenuer i en anden, så skal jeg lave en helvedes masse css da disse undermenuernes placering defineres individuelt.

Så jeg vil høre hvordan dette kan undgås eller helt laves om.

Hjemmesiden hedder:
http://9designs.dk/djtemplates/partytime/


Min css ting som i skal bruge ser således ud:

Fold kodeboks ind/udKode 




8 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
prøv at kigge her



Indlæg senest redigeret d. 30.04.2007 16:19 af Bruger #11596
Lige et lille tip. Når man holder musen over det link der får menuen til at komme frem ville det være lidt pænere vis musen blev til en hånd.



Puha, det virker da som et stort stykke arbejde at omkode hele menuen ;o

Men nu fik jeg lavet så man kan lave flere undermenuer med position relative

Men når jeg viser min undermenu rykker menuen til højre sig da der kommer flere elementer på spil.

Hvis jeg giver den menu til højre z-index 2 sker der intet.

Så jeg ved ikke lige umiddelbart hvad jeg ellers kunne gøre for at undgå dette.



Ok det var det måske ikke :D

Takker Nørd

Jeg er ved at få det på plads nu :)



Hvad gør jeg så hvis jeg skal have et billede i min menu? Det virker fint med det første billede, men det andet fucker det helt op :S



Nu har jeg fulgt denne guide:
http://www.alistapart.com/articles/dropdowns/

Hvor resultatet kan ses her:
http://9designs.dk/test.php

Det ser jo fint ud

http://9designs.dk/test2.php

Der har jeg så sat et billede i stedet for tekst, men så bliver billedet placeret forkert og det er meningen teksten skal stå under billedet, men det gør det ikke.

Jeg har virkelig forsøgt stort set alt, men jeg kan ikke få skidtet til at virke :|



Yes, det skal jeg nok få lavet Simon :)

Update igen:
Så fik jeg lavet så det virker med billeder

Dog kan jeg ikke få min menu til at gå over min content boks i IE

Det virker fint i Firefox, men den gider ikke i IE

Jeg gav min undermenu boks en z-index 100, så virkede det i Firefox.

Dette virkede dog ikke i IE.

Er det noget i vil se på? :P

Ps linket er:

http://9designs.dk/test2.php



Ligger dine undermenuer inde i laget som indeholder banner og menu? Og indholdet i et andet lag for sig selv?

For så gør IE vel det rigtige så vidt jeg kan se. Den lægger banner + menu i ét lag med alt hvad der ellers er i det - og så lægger den oven på alt dette i et nyt lag.
Dvs. at alle dine undermenuer ligger i menu-laget, som jo selvfølgelig skal ligge nederst.

Det kan du løse ved enten at lægge dine undermenuer ude for alle andre lag - eller du kan give dit menu lag en z-index:2 og dit contents-lag en z-index:1..

Er det til at forstå?

Og .. har ikke tjekket om jeg har ret :)



t