Avatar billede zurekk Nybegynder
02. juli 2007 - 18:39 Der er 13 kommentarer og
1 løsning

position: absoulute;

Hej Eksperter,

Jeg har en div som jeg gerne vil have vises over alt indhold.
I FF virker position: absolute; helt fint, men i IE bliver min div skubbet ud i højre side så den ligger ved siden af og under min anden div.

Med position: fixed; får jeg så min div til at sidde rigtigt, men alt indhold under den rykkes så ned/til siden.

Hvad gør jeg?

(skal bruges til dropdown)

På forhånd tak.
Avatar billede tmi Nybegynder
02. juli 2007 - 20:18 #1
Du kan selv sætte om et element skal være øverst eller nederst med z-index. Det element med størst z-værdi kommer til at ligge øverst, prøv fx:
style="z-index: 10000;"
Avatar billede zurekk Nybegynder
02. juli 2007 - 20:29 #2
hjalp intet :(
Avatar billede zurekk Nybegynder
02. juli 2007 - 20:30 #3
Det er en tabel som bliver rykket, har det nogen betydning?
Avatar billede tmi Nybegynder
02. juli 2007 - 20:43 #4
Hvis du har sat position: absolute burde den være uafhængig af alle andre objekter. Er du sikker på du har stavet det rigtigt? Det har du nemlig ikke i overskriften.
Hvis du vil lave en dropdown menu vil jeg anbefale dig at bruge en der er lavet udelukkende i CSS, det er min erfaring at de virker uden problemer i alle browsere, se fx:
http://meyerweb.com/eric/css/edge/menus/demo.html
Søg evt på google efter: css only dropdown menu
Avatar billede zurekk Nybegynder
02. juli 2007 - 20:51 #5
Jeg har stavet rigtigt :)
Virker også fint i Firefox, men ikke i internet explorer.

Jeg prøver lige http://meyerweb.com/eric/css/edge/menus/demo.html
og så vender jeg tilbage efter :)
Avatar billede zurekk Nybegynder
02. juli 2007 - 20:58 #6
har du prøvet dem i IE :P?
Avatar billede tmi Nybegynder
02. juli 2007 - 21:24 #7
Heh, jeg bruger faktisk altid IE ;-) Men nu kan jeg godt se at den der er virkelig klam. Jeg bruger næsten aldrig selv dropdowns for de er ikke særlig brugervenlige og der er god chance for at de ikke virker i alle browsere.
Men jeg vil helt klart stadig anbefale dig at bruge en der er lavet i CSS
Ellers er der en rigtig god en her du kan stjæle ;-)
http://www.grc.com/menu2/invitro.htm
Avatar billede zurekk Nybegynder
02. juli 2007 - 21:43 #8
Well, det er til noget rating-noget, så det eneste jeg vil have er en div der kommer frem under en anden div ved mouseover/onclick :)
Men jeg prøver lige den anden.
Avatar billede tmi Nybegynder
02. juli 2007 - 21:55 #9
Prøv det her så:

<div style='position: relative; background: #00ff00; width: 50px;' onmouseover='document.getElementById("rating").style.display = "";'>
hej
<div style='position: absolute; top: 20px; left:0px; width: 150px; display: none; background: #ff0000;' onmouseout='this.style.display = "none";' id='rating'>
Høhø
<a href='#'>asdf</a>
adsf<br>
adf
</div>
</div>
Avatar billede zurekk Nybegynder
02. juli 2007 - 21:57 #10
Well, det er slet ikke hvad jeg leder efter =/
Jeg skal ikke bruge en hel menu, med <ul><il> og alt det fis, jeg skal bare få min div til at gå over alt indhold :D
Avatar billede zurekk Nybegynder
02. juli 2007 - 21:57 #11
hov, sorry, så ikke dit svar, prøver lige
Avatar billede zurekk Nybegynder
02. juli 2007 - 21:59 #12
Den gør det stadig :)
Jeg kan godt selv lave dropdown funktionen, jeg skal bare have den skide div til at gå over alt andet =/
Avatar billede tmi Nybegynder
02. juli 2007 - 22:09 #13
Vis hele HTML-koden, så kan jeg lige se hvad der sker
Avatar billede zurekk Nybegynder
03. juli 2007 - 00:02 #14
Jeg fandt en anden løsning, tak for hjælpen(http://alistapart.com/d/horizdropdowns/horizontal2.htm) :D

Tak for hjælpen!
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