Avatar billede hangaard Nybegynder
22. august 2002 - 15:55 Der er 9 kommentarer og
1 løsning

SELECT-boks ignorerer <DIV> og <LAYER>

Hej!
Jeg har lavet en menu, hvor der ved mouseover vises en rullemenu (et DIV+LAYER som vises). Menuen minder meget om den der er brugt i toppen af denne side (Konto, Opret spørgsmål,...).

Mit problem er, at når rullemenuen bliver vist, hvor der i forvejen er en SELECT-boks, så bliver SELECT-boksen i forgrunden og dækker for noget af rullemenuen.

Er dette en fejl i eksplorer? Kan den omgåes?

Mvh.
Hangaard
Avatar billede lequet Nybegynder
22. august 2002 - 16:00 #1
Den kan sagtens omgåes... Brug dette stylesheet, det skulle meget gerne hjælpe

input {
  z-index : 0 ;
}

.ditdiv {
  z-index : 2 ;
}

Ellers skal du lige bytte rundt, så dit div har z-index : 0 ; og inputs har 2 min hukommelse svigter lidt lige nu :)
Avatar billede jakoba Nybegynder
22. august 2002 - 16:14 #2
det er en 'fejl' i alle browsere. men det er en velbegrundet fejl. Prøv at gøre dit vindue lillebitte så du kun lige kan se knappen til select-menuen og klik så på knappen. menuen folder sig helt ud over kanten af vinduet som ellers ingenting på en webside kan. select har nærmest status i retning af et popopvindue, og dermed et langt højere z-index end vi har nogen mulighed for at sætte.

Her på e klarer admin det ved at sætte  display:none på de select kommandoer (søgesiden) som menuen i toppen skal brede sig nedover, det virker, men er vel ikke helt ideelt.

mvh JakobA
Avatar billede lequet Nybegynder
22. august 2002 - 16:21 #3
JakobA > Det lyder rigtigt nok, men jeg har et par gange selv siddet og rodet med en sådan menu, og selv uden brug af z-index var input-felter (inclusive select) ikke over menuen... Helt præcist hvad årsagen var kan jeg ikke sige, det eneste jeg kan se der kunne have gjort det var at mine layers var absolut positioneret, hvilket vel ikke har den store betydning i det tilfælde (eller hvad). Men synes tit jeg har hørt at z-index løser problemet.

Skal se om jeg kan finde menuen frem fra glemmebogen, eller få bikset en hurtig en sammen, så den evt. kan studeres :)
Avatar billede jakoba Nybegynder
22. august 2002 - 16:28 #4
Hvis det kan gøres med z-index bliver det nok kun i de allernyeste browsere. NS7 kan ikke.
Avatar billede lequet Nybegynder
22. august 2002 - 16:33 #5
Det er muligt, kan ikke lige finde menuen, den ligger nok på en eller anden backup et sted :( Men jeg er lige igang med at bikse en sammen, som forhåbentlig virker ligesom den anden
Avatar billede lequet Nybegynder
22. august 2002 - 16:55 #6
Kan ikke få det til at virke, hverken med eller uden z-index... Bare underligt, den menu jeg arbejdede på den gang testede jeg med alle form-felter, også <select> og der var ingen problemer der. Men så må konklusionen vel bare være at det ikke kan gøres meget anderledes end hvad admin gør her på E... Indtil jeg finder min menu igen, og får luret hvad jeg egentlig gjorde, for jeg er vel næppe blevet så senil at jeg husker så galt :)
Avatar billede hangaard Nybegynder
22. august 2002 - 17:01 #7
Hej lequet og jakoba,
Tak for hjælpen.

Jeg nøjes indtil videre med den samme løsning som bliver brugt her på E, men skulle lequet finde superløsningen frem må du godt sende den til ahgr@tdc.dk

Mvh.
Hangaard
Avatar billede lequet Nybegynder
22. august 2002 - 17:02 #8
Skal jeg da gøre :)

Takker for points
Avatar billede nikolajdu Nybegynder
22. august 2002 - 19:25 #9
I IE 5.0 kan man nu godt lave et par tricks :))

http://support.microsoft.com/support/kb/articles/Q177/3/78.ASP

I IE 4.0 kan der laves en scriptlet, der skulle kunne gøre samme tricks. Tak til "Jumper" for i tidernes morgen at have givet mig det herlige link :)

/Nikolaj
Avatar billede nikolajdu Nybegynder
22. august 2002 - 19:32 #10
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester