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

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

java - Output of Eclipse is rubbish -

jquery - Confused with JSON data and normal data in Django ajax request -