Hallo,

in mijn html code heb ik een aantal divs (class=box, zie bijlage). In elk van die divs wil ik een uitschuifdiv hebben die over de boxes heen valt. Dat lukt echter alleen als ik van de 'box' divs position:static; maak. Maar als ik dat doe, verschuift de absolute div in de 'box' naar ergens links in de pagina. Zie 'probleem 2'.

Als ik in de css van 'box' position:relative zet, gaat de absolute div wel naar de goede plek (in de 'class=box div'), maar dan valt de uitschuifdiv er weer niet over heen! Zelfs als ik de z-index het hoogst maak. Zie in 'probleem1'.

Weet iemand hoe ik de uitschuifdiv op de andere divs te plaatsen EN dat de absolute div op de goeie plek staat? (op de plek in 'probleem1.jpg');

alvast bedankt

Je moet de div met de balk die eruit schuift een hogere z-index geven dan de andere boxes.

ja dat heb ik ook gedaan, zie bijlage.

uit me hoofd moet dit werken

PHP Code:

.box{
position:relative;
display:block;
z-index:1
}

.box.active{
z-index:100;
} 


.active eraan toevoegen wanneer bij die box de slider moet komen

Met die code zou position:relative; veranderen naar de default position namelijk position:static; Dan zou het absolute plaatje dus weer naar de verkeerde plek schuiven.

En wat ik me afvraag waarom zou dit beter werken dan wat ik heb? Want ik heb als z-index van de slider al de hoogste z-index van alle divs. En de slider wordt opeens zichtbaar. Dus als de slider al de hoogste z-index heeft hoeft die niet te veranderen naar een lagere z-index als de slider niet meer zichtbaar is omdat hij dan toch al niet meer zichtbaar is. toch?

Ik wil dus eigenlijk zeggen: Er is volgens mij geen dynamische verandering van de css nodig.

Heb je wellicht een online voorbeeld? lijkt me wellicht wat gemakkelijker.

Waar je op moet letten is dat je dit heb:
.box
.box
-> .slider
.box

al jou .box classes zitten op de zelfde hoogte. Jou slider zit een niveau lager. Je kan dus niet zeggen via z-index dat je slider boven de .box classes kan komen zonder dat zijn parent een hogere z-index heeft dan de andere .box

Hier staat het plaatje goed maar valt de slider niet over de tekst heen: http://yrancvpf.thirtyfour.versio.nl...voorbeeld1.php
(klik try it om de div te laten uitklappen)

En hier staat het plaatje op de verkeerde plek maar valt de slider wel over de tekst heen. :http://yrancvpf.thirtyfour.versio.nl/voorbeeld1.php

Leon dus als ik het goed begrijp mag de slider div NIET in een van de .boxen zitten?

als je bij de 2e versie bij de class "itempic" de position:absolute; weghaalt, dan kan je de afbeelding gewoon met een margin-top juist positioneren toch?

Nee Melvin, want de hoogte van het plaatje verschilt steeds dus de margin-top die meegegeven wordt verschilt ook steeds. omdat het plaatje verticaal in het midden moet komen =(

of weet u misschien hoe dit kan zonder position:absolute te gebruiken?

Geef aan de itembox waar de slider in zit een hogere z-index mee en het werkt.

Het is eindelijk opgelost, maar ik heb serieus GEEN IDEE wat ik nou veranderd heb! In ieder geval bedankt voor het helpen...