Skip to main content

Search and Top Navigation

#6901 closed bug (notabug)

Opened January 26, 2011 07:41PM UTC

Closed January 26, 2011 07:53PM UTC

Last modified January 28, 2011 03:03AM UTC

Dialogs are not centered horizontally in Chrome 8

Reported by: Rising Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.dialog Version: 1.8.9
Keywords: Cc:
Blocked by: Blocking:
Description

When the following page is displayed in Chrome 8.0.552.237 (the current version) or Safari 5.0.3 on Windows XP, the dialog is centered vertically but is aligned with the left margin (i.e., left = 0). In IE8 and Firefox 3.6.13, the dialog is centered horizontally as expected.

jQuery 1.4.4, jQuery UI 1.8.9

<!DOCTYPE>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
    $('#d').dialog();
});
</script>
</head>
<body>
<div id="d" style="border: 1px solid #000;">
Hello!
</div>
</body>
</html>
Attachments (0)
Change History (4)

Changed January 26, 2011 07:53PM UTC by scottgonzalez comment:1

resolution: → invalid
status: newclosed

You need to include the jQuery UI CSS.

Changed January 28, 2011 02:37AM UTC by jayhoytt comment:2

Experiencing the same issue on Chrome 8.0.552.237 (Win) while using style sheet.

<!DOCTYPE>
<html>
<head>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/jquery-ui.css" type="text/css" /> 
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script> 
<script type="text/javascript">
$(function() {
    $('#d').dialog();
});
</script>
</head>
<body>
<div id="d" style="border: 1px solid #000;">
Hello!
</div>
</body>
</html>

Changed January 28, 2011 02:58AM UTC by jayhoytt comment:3

Ignore above. PEBKAC. Sorry, PEBKAC. Issue resolved when CSS version is matched with jQuery UI version.

Changed January 28, 2011 03:03AM UTC by scottgonzalez comment:4

#6907 is a duplicate of this ticket.