rondog Posted October 22, 2008 Share Posted October 22, 2008 I am having a problem in firefox and safari where the overlay gets created, but if you scroll down, the overlay has only covered the visible screen. So in other words the overlay div stops halfway down the page. However in IE it covers up the entire page no matter how much scrolling is required. Here is my code: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>newCourse</title> <script src="swfobject.js" type="text/javascript"></script> <script type="text/javascript"> </script> <style type="text/css"> body { margin: 0; padding: 0; } #bgholder { background:url("images/bg.jpg") repeat-x; } .fader { display:none; position:absolute; top:0; left:0; width:100%; height: 100%; background-color: #000; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); } </style> </head> <body> <div id="bgholder"> <div id="black" class="fader" onClick="document.getElementById('black').style.display='none';"></div> <div align="center" id="player"> <script type="text/javascript"> // <![CDATA[ var so = new SWFObject("newCourse.swf", "vforum", "900", "370", "9", "#ffffff"); so.addParam("allowfullscreen", "true"); so.write("player"); // ]]> </script> </div> <a href="javascript:void(0)" onClick="document.getElementById('black').style.display='block';">asd</a> </div> </body> </html> Link to comment https://forums.phpfreaks.com/topic/129619-help-with-div-overlay-kind-of-like-lightbox/ Share on other sites More sharing options...
haku Posted October 23, 2008 Share Posted October 23, 2008 Try giving the overlay div position:fixed It should solve your problem, though it may create others. But there is no way to know without trying. note: you may have to add and remove position:fixed with javascript, or it will cause other problems. Link to comment https://forums.phpfreaks.com/topic/129619-help-with-div-overlay-kind-of-like-lightbox/#findComment-672421 Share on other sites More sharing options...
rondog Posted October 23, 2008 Author Share Posted October 23, 2008 position: fixed fixes firefox, but breaks IE haha..oh I love cross browser compatability Link to comment https://forums.phpfreaks.com/topic/129619-help-with-div-overlay-kind-of-like-lightbox/#findComment-673017 Share on other sites More sharing options...
jamesbrauman Posted October 23, 2008 Share Posted October 23, 2008 Set it as fixed, the use an IE conditional statement to revert back to what was working in IE. Link to comment https://forums.phpfreaks.com/topic/129619-help-with-div-overlay-kind-of-like-lightbox/#findComment-673274 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.