Problems with jQueryUI dialog in IE
I'm having some problems with the way a jQueryUI dialog displays in IE8 and IE10. In IE8 it does not center, which appears to be a known problem. I used this code to center it, which worked in IE8 but in IE10 caused the dialog to be vertically positioned with the top above the top of the window, so only half of it showed. Without the code it positions correctly in the center in IE10. So I'd like to know if there's any positioning code that will work in both versions (and in IE9, which I don't have available for testing).
The worse problem is the way the dialog looks in IE8. The title bar doesn't display correctly. A screen shot is below. The title bar is supposed to be yellow but only the right corner is yellow, and there's no close icon.
Dragging doesn't work correctly in either version. I can't even really describe what happens but it jitters all over the place and in IE10 the cursor separates itself from the window.
I'd appreciate tips on solving any/all of these problems.
Glenn
-
position: {my: "center",at: "center",of: $("body"),within: $("body")}
The worse problem is the way the dialog looks in IE8. The title bar doesn't display correctly. A screen shot is below. The title bar is supposed to be yellow but only the right corner is yellow, and there's no close icon.
Dragging doesn't work correctly in either version. I can't even really describe what happens but it jitters all over the place and in IE10 the cursor separates itself from the window.
I'd appreciate tips on solving any/all of these problems.
Glenn