JQuery写出的.Dialog在IE和Firefox下显示大小不一致
RT,具体代码部分如下:
<div class="hidingDialog" id="logDialog">
<form id="loginInfo" name="loginInfo" method="post" action="checkLogin.jsp">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="83" height="51" align="right"><label for="textfield">用户名:</label></td>
<td width="317"> <input type="text" name="UserName" id="UserName" /></td>
</tr>
<tr>
<td height="54" align="right"><label for="UserPwd">密码:</label></td>
<td><input type="password" name="UserPwd" id="UserPwd" /></td>
</tr>
<tr>
<td height="56" colspan="2"><div style="margin-left:70px">
<input id="logSubmit" type="submit" value="登录" />
<input id="logCancel" type="button" value="取消" onClick="closeLog();"/>
</div>
<!--class="hidingDialog"是先被隐藏起来的-->
javascript如下:
$("#logDialog").dialog({width:470,height:300,title:"welcome back!"});
$("body").css("background","#F3E6FF");
显示大小不一样,郁闷中···
------解决方案--------------------搞定了,其实应该是html内容在IE和FIREFOX中的默认大小不一样,只要改变html内容的宽度(通过参数设置到合适的宽),问题就解决了~