日期:2014-05-17  浏览次数:20581 次

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="登录" />
     &nbsp;&nbsp;<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内容的宽度(通过参数设置到合适的宽),问题就解决了~