Overlappende div, hoe?

**Dave S** · 12-11-2010, 17:30

Ik heb een script waardoor een dropdown-div zich opent na de klik. Nu is het alleen zo dat het menu alles wat eronder naar beneden schuift, het overlapt dus niet. Hoe kan ik ervoor zorgen dat de div al het onderstaande gewoon overlapt?

Voorbeeld van hoe het eruit moet zien: Worldticketshop.nl, rechtsboven bij taal kiezen.

Als het goed is is 't iets met CSS position maar dan weet ik nog niet wat ik moet doen. Ik hoop dat er iemand is die het even duidelijk uit kan leggen.

**RubenP** · 12-11-2010, 17:38

Wat is er fout? bij mij werkt de taal dropdown gewoon?

**N Wilkens** · 12-11-2010, 17:48

IE & FF getest maar werkt bij beide, heb je wel F5 gedrukt na een verandering :P?

**Dave S** · 12-11-2010, 17:51

Oh sorry, nee dat bedoel ik niet. Daar werkt ie inderdaad wel en dat is hoe ik het wil hebben. Is ook niet mijn site, is een voorbeeld hoe 't hoort.

**N Wilkens** · 12-11-2010, 17:54

misschien je website vermelden, mensen komen soms zo met de oplossing ;)

**Dave S** · 12-11-2010, 17:57

Weer een foutje, sorry hoor, me openingspost is belabberd.

Onderaan ra*ndomhi*ts.nl/test staat "Meer", daar gebeurt het. Wanneer je er op klikt beweegt de gehele layout mee maar dat moet niet, een div moet de rest overlappen.

**RubenP** · 12-11-2010, 21:45

Origineel gepost door Dave S

Weer een foutje, sorry hoor, me openingspost is belabberd.

Onderaan ra*ndomhi*ts.nl/test staat "Meer", daar gebeurt het. Wanneer je er op klikt beweegt de gehele layout mee maar dat moet niet, een div moet de rest overlappen.

Het lijkt me logisch dat hij mee beweegt bij een toggle,
om dit op te lossen kun je bv in de css van div2 zetten: position: absolute;

**Wilbert E.** · 13-11-2010, 00:30

<div style="relative">
Klik hier
<div style="absolute">Dropdown</div>
</div>

Weet niet of de relative verplicht is maar dat kun je even uitproberen.

**Frank van L.** · 13-11-2010, 01:17

Origineel gepost door Wilbert E.

<div style="relative">
Klik hier
<div style="absolute">Dropdown</div>
</div>

Om het helemaal correct te doen:

<div style="position:relative;height:25px;">
Klik hier
<div style="position:absolute;top:25px;left:0">Dropdown hier</div>
</div>

Position relative op het eerste element is wel benodigd om het element met "absolute" te positioneren relatief aan het "relative element".

Succes! Mocht je nog vragen hebben, stuur me gerust even een PM ;)

Overlappende div, hoe?