#10019 closed bug (notabug)

Opened May 02, 2014 11:17PM UTC

Closed May 03, 2014 02:57AM UTC

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>

Attachments (0)
Change History (1)

Changed May 03, 2014 02:57AM UTC by scottgonzalez comment:1

resolution: → notabug
status: new → closed

jQuery doesn't support quirks mode.