Hallo,
ik ben bezig met mijn spel en ik stuit op het volgende probleem:
mijn lightbox moet verschijnen bovenop de huidige pagina, in die lightbox zit een frame waarmee een andere pagina wordt geopend.
Het probleem is dat dit frame onder de lightbox verschijnt. In Google Chrome werkt het mooi, maar in firefox en IE niet...
Kan iemand mij helpen?
CSS-code:
Code
/* NU HET LIGHTBOX GEDEELTE*/
.close { font-family: Verdana; font-size: 20px; font-weight: bold; width: 50px; float: right; margin-top: 20px; margin-right: 5px; text-align: center; } .close a:link { color: #000000; }.close a:visited { color: #000000; }.button a:hover { color: #968d84; } .framez { position: relative; width: 760px; height: 550px; margin-bottom: 35px; margin-left: 20px; border: transparent; }HTML-code:
Code
<div id="test"> <div class="close"><a href="#" onClick="closelb();">X</a></div> <iframe class="framez" id="frame"></iframe> </div>De lightbox zit in geen enkele div, behalve de "content"-div die als enige css inhoud auto margin heeft.
live voorbeeld: http://legendofthesamurai.gamecoll.com/NV/
alvast bedankt,
Willem