I have a very simple dialog that is failing to size correctly in IE8,
any advice would be greatly appreciated. I am using jquery UI 1.7.2. I
set the height and width of a dialog to 200px and it shows as height
of 400px instead. I'm assuming that the 400px is coming from the
content that I am giving the dialog, but what I would expect to see is
a 200 x 200 dialog with scrollbars. As soon as I move the dialog on
the screen, it changes the height to 200. This only happens in IE, FF
is fine.
Here is the code:
<a href="javascript:void(0);" onclick="launchIt();">Launch</a> the
dialog.
<script>
function launchIt(){
$("#dialogTestNativeOpen").dialog({
autoOpen: false,
modal: true,
width : 200,
height : 200,
minHeight : 200,
title : 'some title'
});
$("#dialogTestNativeOpen").dialog('open');
return false;
}
</script>
<div id ="dialogTestNativeOpen" style="display:none; width:400px;
height: 300px;">
<form name="someFormy">
<table width="400" height="300" bgcolor="tan">
<tr>
<td>
Enter some text in this field. When you open this dialog again,
the text should be here.
</td>
<td>
<!-- fast:textfield dataToName="alerts.textOne"/ -->textfield
here
</td>
</tr>
<tr>
<td colspan="2" align="right">
<!-- fast:button formName="someFormy" type="fastBlue" -->Submit
button here<!-- /fast:button -->
</td>
</tr>
</table>
</form>
</div>
Thanks in advance,
Charles Harvey
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
