Door
Mischa Gorinskat
op 09-12-2005 11:22
gewijzigd op 09-12-2005 11:47
1.145 views
He
Ik ben bezig met een projectje en daar heb ik nogal wat last van overlappende div'jes enzo. Maar met z-index krijg ik niet altijd het gewenste resultaat.
Ik heb ff een screenshotje gemaakt, daar kun je zien wat fout gaat en hoe het goed zou moeten.
De div met id: drop_art_4, is leeg. Deze wordt alleen gevuld zodra er gegevens worden ingevuld en er suggesties worden gegeven. Deze suggestie verschijnen dan in dit lijstje en kun je selecteren.
Echter zodra hij uit zijn 'eigen' div, met class .around, gaat werkt de z-index niet meer.
Hoe kan ik dit oplossen? Het is de bedoeling dat de suggestielijst boven alles komt te staan.
Alvast bedankt
edit: hoe maakt ik die link nou clickable?
edit2: hmm bagger nou zie ik dat ie in de verkeerde categorie staat, kwou um in webdesign zetten, sorry
z - indexen en formulieren zijn altijd lastig. Vooral als ze crossbrowser moeten zijn. Ik zie op je plaatje dat er wat elementen van het formulier door de div heen lijken te schijnen.
Wat bedoel je precies met "werkt de z-index niet meer"? Op je plaatje zweeft je div wel boven het formulier toch?
In het begin had ik helemaal geen z-index.
Toen had ik die suggestielijst dus nodig en gebruikte ik z-index om dit lijst boven alle andere zaken te weergeven. Dat werkte prima. Maar nu gebruik ik de suggestie box in de huidige situatie en is hij dus op een bepaalde punt doorschijnend of in iedergeval niet meer bovenop.
Die dikke zwarte lijnen zijn div's die een border maken om zo duidelijkheid tussen verschillende onderdelen te creëeren.
Zoals je ziet werkt de z-index in de div waarin de suggestielijst wordt gestart. Maar zodra de lijst over de zwarte lijn heen gaat, dan werkt de z-index niet meer.
Wat ik dus niet snap is dat alle divs, met zwarte lijnen er omheen, dezelfde class en dus dezelfde z-index hebben. Die is 1 (class allround), maar die van het suggestielijst is 10 (#drop_art_4 div).
