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 comment:1
| resolution: | → invalid |
|---|---|
| status: | new → closed |
Changed January 28, 2011 02:37AM UTC by 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 comment:3
Ignore above. PEBKAC. Sorry, PEBKAC. Issue resolved when CSS version is matched with jQuery UI version.
You need to include the jQuery UI CSS.