Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] nested div werkt niet met overflow IE

Hallo mensen, Ik probeer een popup venster te maken met behulp van <div>. Hierbij geef ik als style postion:absolute en een bepaalde left en top. Deze div bevindt zich in een andere div waar overflow op auto staat. Bij FireFox wordt de popup wel getoond (over het originele div) maar in IE wordt de popup ?relatief van de parent? getekend en dus binnen het parent div. Hoe krijg ik deze zoals in FF midden op het scherm? De code volgt hieronder, javascript element probeert de nested <div> in het midden van het scherm te krijgen. Alvast bedankt. [code:1:12ab7b1915] <table width="100%" height="100%"> <tr valign="middle"> <td align="center"> <div id="divMain" style="width:320; height:320; overflow:auto; border-style:dotted; border-width:1px;"> <div id="divPopup" style="position:absolute; z-index:1; top:0; left:0; width:512; height:336; background-color:black; display:'block'; overflow:auto;"> </div> </div> <script language="JavaScript"> var div = document.getElementById('divPopup'); div.style.left = (screen.availWidth-div.offsetWidth)/2; div.style.top = (screen.availHeight-div.offsetHeight)/2; </script> </td> </tr> </table> [/code:1:12ab7b1915]

bASEL