Problem with width: 'auto' and widget header in IE7 in dialogs
The widget header (.ui-widget-header?) does not display correctly in
IE 7 when using width: 'auto'. You can also see this in IE8 by using
developer tools> Browser Mode : IE7. To duplicate this issue, download
jquery UI from http://jqueryui.com/download, then in index.html,
change the width of the dialog to 'auto':
// Dialog
$('#dialog').dialog({
autoOpen: false,
width: 'auto',
buttons: {
"Ok": function() {
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
The orange header when you click 'open dialog' will only be about 100
pixels wide, though the dialog itself will be about 100% on the page.
Also, the close "X" button is jammed on top of the words "dialog
title". Does anyone have any suggestions on how to correct this? Using
'auto' is a necessity for me because we are implementing jquery UI
dialog in a framework, not individually on pages...
Thanks much,
Charles Harvey
--