Opened 9 years ago
Closed 9 years ago
#10019 closed bug (notabug)
HTML DocType in IE8
| Reported by: | ataft | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | none |
| Component: | ui.dialog | Version: | 1.10.4 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
jQuery Dialog does not work in IE 8.0 for older doctypes such as: <!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.0 TransitionalEN">
Modal doesn't work, the title is off, the close icon is missing, and it will not center. The last JQuery UI version that it appears to work with is 1.9.2, but it still will not center in 1.9.2. I could not use JSFiddle for code because it doesn't allow you to edit the DOCTYPE, therefore, here is the code:
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.0 TransitionalEN">
<html lang="en"> <head>
<meta charset="utf-8"> <title>jQuery UI Dialog - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
<script> $(function() {
$( "#dialog" ).dialog({modal:true});
}); </script>
</head> <body> <div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div> <br><br> <a href="http://www.google.com">here</a> </body> </html>
jQuery doesn't support quirks mode.