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]

0 antwoorden

    Beantwoord deze vraag

    Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

    Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.