TestMax.dk Paster
  • Forside
  • Print
  • Bookmark
  • Kontakt
  • SiteMap


infobox infobox
 

Dropdown menu + css + ie

30-04-2007 15:19:56
 
 
Muligheder (Anmeld)
Skrevet af Panda
Kliks 451
Kategori HTML Generelt
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:

a.knap {
       z-index: 2;
       background-color: #232323;
       color:#fff;
       display: block;
       font: normal bold 12px arial, helvetica, sans-serif;
       text-align: left;
       text-decoration: none;
       margin-top: 35px;
       margin-left: 1px;
       border:1px outset #a30606;
       width:77px;
       height:16px;
       padding: 2px 10px;
       position: absolute;
}

#menu1 {
       display: none;
}

#nav {
       position: absolute;
       top: 271px;
       left: 5px;
       width: 900px;
}
#nav img {
       float: left;
}
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox


infobox infobox
 
#1Panda(Anmeld) 30-04-2007 16:44:21
 
 
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.
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox

infobox infobox
 
#2GiMo(Anmeld) 30-04-2007 17:25:58
 
 
Jeg ville umiddelbart siges at det skulle laves i javascript?!
www.simon.simfre.dk
 
infobox infobox

infobox infobox
 
#3Panda(Anmeld) 30-04-2007 19:03:29
 
 
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 :|
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox

infobox infobox
 
#4Panda(Anmeld) 30-04-2007 22:46:22
 
 
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 2, så virkede det i Firefox.

Dette virkede dog ikke i IE.

Jeg har prøvet at give min #content boks z-index 1, men stadig intet i IE :(

Er det noget i vil se på? :P

Ps linket er:

http://9designs.dk/djtemplates/partytime/
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox

Påmindelse ved nyt svar

Ved at tilmelde dig automatisk påmindelse, modtager du en email så snart denne tråd bliver besvaret, dog sender vi kun en mail til dig, også selvom der er kommet flere svar, simpelthen for at spare dig for spam i din indbakke.


infobox infobox
  Svar på tråden  
   
 
 
infobox infobox

infobox infobox
  Læs dette før du sender dit indlæg!  
 
Ved tryk på send knappen accepterer du vores regelsæt som kan læses her
Praktiske informationer
Type Eksempel Resultat
Fed [b]din tekst[/b] din tekst
Kursiv [k]din tekst[/k] din tekst
Understreg [u]din tekst[/u] din tekst
Kode felt [code]din tekst[/code]
din tekst
infobox infobox