Z-index problem

Tags:    html css

Jeg har et lille problem med z-index.
Jeg har et link hvor hvis man holder musen over vises der en <div> problemet er bare hvis teksten i den <div> er lang skubber den i linksne over den....se evt. billedet her hvis i ikke forstår

www.decko.1go.dk/fejl.jpg i skal paste linket ind i adressebaren, ellers virker det ikke.

Den <div> der vises har jeg ændret z-index på men det gør ingen forskel.







-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------



8 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
Det er jo fordi du skal positionere din dropdown absolut. Ellers vil det indhold du har nedenfor, også blive rykket ned når du viser en dropdown menu.

Bruger position: absolute; og definer en position for dine menuer med top:; og left:; (CSS)

Når du vil vise menuen bruger du visibility: visible; og for at skjule: visibility: hidden;

Jeg hjælper gerne yderligere hvis du har problemer. Men forsøg lige selv :)


--
Ronni Egeriis



Kan vi ikke se koden på det? Det er ikke nemt at se hvad du mener udfra billedet.
--
Ronni Egeriis



Se www.decko.1go.dk/menu.htm








-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------



Ok tak det virker med position: absolute. Men hvorfor må jeg ikke bruge display: block osv ??







-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------



Du kan godt bruge display:block
og f.eks. display:none for at skjule elementet.

et div element er som standard display block, da det er et block element.



ok..kunne godt være det ikke var valid eller sådan noget.






-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------



Jojo, display property'en ér standardiseret i henhold til W3Cs standard omkring CSS :) Det var somend bare fordi jeg aldrig personligt har benyttet display til lige dette, men i stedet visibility, så jeg ikke kan garantere for hvordan det fungerer i en dropdown funktion :)


--
Ronni Egeriis



OK...men det virker fint. Endnu en gang tak!





-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------



t