php - pop up not showing in IE 6 -
hi using jquery show pop , works on every browser except ie 6 . can 't figure out reason . code , please .............
function showcalendar(){ $('body').prepend('<div id="overlay"></div>'); if($.browser.msie && $.browser.version=="6.0"){ $('#overlay').append('<iframe></iframe>'); } $('#overlay').height($(document).height()); $('body').append('<div id="popupwrapper"><div id="calendar"></div></div>'); if (calculated.calendar) { $('#calendar').emecalendar(calculated.calendar); } $('#calendar div.header div.clearboth').before('<span class="close">close</span>'); $('#calendar div.header span.close').click(function(){ $('#overlay').remove(); $('#popupwrapper').remove(); }); } update
this css
#overlay { position : absolute; z-index : 5000; left : 0px; top : 0px; width : 100%; background-color : #000; opacity : 0.5; } #popupwrapper { position : fixed; z-index : 6000; left : 50%; width : 800px; margin-left : -400px; top : 20%; background-color : #f2efe6; border : 3px solid #fff; } #popupwrapper span.close{ float : right; cursor : pointer; } #calendar { width : 100%; } #calendar table { width : 100%; border-spacing : 10px; font-size : 10px; } #calendar table td { background-color : #fff; padding : 3px 3px 10px 3px; } #calendar table td.empty { background-color : transparent; } #calendar div.date { background-color : #5a4530; color : #fff; text-align : right; font-weight : bold; padding : 2px; } #calendar div.offer { color : #5b4530; border-bottom : 1px solid #5b4530; padding-top : 8px; } #calendar div.room { clear : left; float : left; padding-top : 2px; } #calendar div.cost { clear : right; float : right; padding-top : 2px; } #calendar div span { padding : 2px; }
try switching append appendto , prepend prependto - , - of course, order of dom reference (this).append(other) vs (other).appendto(this)
ie has funky behavior dom manipulation - jquery has of quirks ironed out few remain. ran issue on project, , idea did trick me.
Comments
Post a Comment