dialog centering not same in Firefox and IE
This is one case where it appears to be better in IE. Everything
looks centered. In Firefox, after dynamic content is loaded to a
dialog and the dialog is opened, the height isn't recentered on the
page and the content within the dialog isn't quite centered (appears
slightly shifted to the right). This is the command for the dialog:
$('#modal').dialog({autoOpen: false, height: 'auto', modal: true,
overlay: { opacity: 0.5, background: 'black' }});
function openDialog(page, width){
$('#modal').data("width.dialog", width);
$.get(page, {view: 'title'}, function(info){
$('#modal').data("title.dialog", info);
});
$('#modal').load(page, function(){
$('#modal').dialog('open');
});
}