我的客户网站有问题(仅在 Internet Explorer 中,使用 Internet Explorer 9 测试)。每次使用 JQuery 的 load-Function 刷新 div 中的表时,单个表行就会变得太宽,如下面的屏幕截图所示。我已经检查了生成的 HTML 代码和 JQuery-Function,我找不到任何错误。
有没有人见过这样的事情或者只是知道如何解决它?
此外,该网站在 Firefox 和 Chrome 中运行良好。
我希望表格具有动态宽度。页面的当前布局由左侧固定宽度的导航区域和右侧的内容区域组成,应该动态缩放。
格式错误的网站截图
用于屏幕截图的 Html 代码
<table class="tableBenutzerverwaltung" cellpadding="5px" rules="rows" >
<thead>
<tr>
<td align="right" valign="top" colspan="6"><a href='javascript:showNewUserDialog();' class="NewButton"/></td>
</tr>
<tr>
<th align="left" valign="top">Username</th>
<th align="left" valign="top">Vorname</th>
<th align="left" valign="top">Nachname</th>
<th style="width:16px;"> </th>
<th style="width:16px;"> </th>
<th style="width:16px;"> </th>
</tr>
</thead>
<tbody>
<tr>
<td align="left" valign="top"><label for="User">UserDomain\JohnDoe</label></td>
<td align="left" valign="top">John</td>
<td align="left" valign="top">Doe</td>
<td align="right" valign="top"> </td>
<td align="right" valign="top"><a href='javascript:showEditUserDialog("b97d5f56-1edc-4dba-b170-f75ccb8f37d2");' class="EditButton"/></td>
<td align="right" valign="top"><a href='javascript:showDeleteUserDialog("b97d5f56-1edc-4dba-b170-f75ccb8f37d2");' class="Delete"/></td>
</tr>
用于刷新表的 JQuery-Code
$(function()
{
$("#dlgBenutzer").dialog(
{
modal: true,
autoOpen: true,
resizable: true,
width: 375,
height: 220,
title: "@ViewBag.Title",
buttons:
{
Speichern: function()
{
$.post("@Url.Action("AddUser", "Administration")",
{
objectOneId: $('#userId').val(),
username: $('#username').val(),
vorname: $('#vorname').val(),
nachname: $('#nachname').val()
},
function(data, status, xhr)
{
$(".UserList").load("@Url.Action("UserList", "Administration")/?random=" + unique_requestid());
$('#dlgBenutzer').dialog("close");
$('#dlgBenutzer').dialog("destroy");
$('#dlgBenutzer').remove();
});
},
Abbrechen: function()
{
$(this).dialog("close");
$(this).dialog("destroy");
}
},
close: function()
{
$(this).dialog('destroy').remove();
}
});