I've got a problem using datepicker from Jquery UI with IE we are using wicket for a project, with jquery, css, html .. What i've got in Firefox, chrome and other "good" browser is that when i trigger the datepicker by clicking on an image link, the date picker container code(here a DIV) is added at the end of the html so the absolute position, and the z-index make it above all other element and well positioned. (correct behavior) the problem in IE is that when i click on the date picker trigger,with firebug i saw that the date picker container code is added at another place and inside an existing div that already had some positioning and z-index code (not at the end of the body as it should be)
the problem is i have other element which z-index are greater than the div that contains the datepicker container on IE and so the date picker container will never be above those ....
so why is this happening ? what i expect to have when i click (this what i have in firefox, chrome ...) <html> <body> <div class="top-container"> <form> ... <div> <label>my-label</label> <input type="textfield" /> //input field that will collect the date picker data <span class="datepicker-trigger"></span> //image </div> ... </form> </div> <div class="datepicker"></div> </body>
what i have after clicking (only in IE) <html> <body> <div class="top-container"> <form> ... <div> <label>my-label</label> <input type="textfield" /> <span class="datepicker-trigger"></span> <div class="datepicker">...</div> </div> ... </form> </div> </body>
does any one already encounter this bug and/or know how to solve it please ? thanx