Html列Displacement

Question

我有一个带有AjaxControlToolkit的Asp.Net Webforms应用程序，它没有在IE9上正确显示html列。

这个问题有时只会发生，没有明确的时间/方式。 它适用于Firefox。 生成的HTML部分/表已经使用W3C工具进行了验证，并且没问题。我没有在CSS中找到可以解释这种行为的任何内容。此外，此ascx文件中没有自定义Javascript。

我怀疑这是一个IE9错误，我正在考虑打开微软支持的门票。 我们正在使用AjaxControlToolkit V4.1.7.1213。我已经尝试使用Asp.Net Repeater而不是ListView并将其部署在不同的服务器（IIS7，IIS6等）中，但我没有运气。

<asp:UpdatePanel ID="UpdatePanelConselho" ChildrenAsTriggers="false" UpdateMode="Conditional"
                                    runat="server">
                                    <ContentTemplate>
                                        <table class="CorpGrid2" cellspacing="0">
                                            <tr class="CorpGrid2Header">
                                                <td class="CorpGrid2Cell" style="width: 36px">M/F ou Cia
                                                </td>
                                                <td class="CorpGrid2Cell" style="width: 180px">Nome
                                                </td>
                                                <td class="CorpGrid2Cell" style="width: 110px">CPF / CNPJ
                                                </td>
                                                <td class="CorpGrid2Cell" style="width: 110px">Data de Nascimento ou Idade
                                                </td>
                                                <td class="CorpGrid2Cell" style="width: 150px">País de Origem
                                                </td>
                                                <td class="CorpGrid2Cell" style="width: 110px">Cidadania
                                                </td>
                                                <td class="CorpGrid2Cell" style="width: 120px">Função
                                                </td>
                                                <td class="CorpGrid2Cell" style="width: 60px">Tomador de Decisões
                                                </td>
                                                <td class="CorpGrid2Cell" style="width: 60px">OFAC-SDN
                                                </td>
                                                <td class="CorpGrid2Cell" style="width: 60px">PEP / Lynx (High Risk)
                                                </td>
                                            </tr>
                                            <asp:Repeater ID="ListViewConselho" runat="server" OnItemDataBound="ListViewConselho_ItemDataBound">
                                                <ItemTemplate>
                                                    <tr class="CorpGrid2Data">
                                                        <td class="CorpGrid2Cell">
                                                            <asp:DropDownList ID="DropDownListGenero" runat="server" onchange="definirPepLynx();" CssClass="PepLynxConselho">
                                                            </asp:DropDownList>
                                                        </td>
                                                        <td class="CorpGrid2Cell">
                                                            <asp:HiddenField ID="HiddenFieldCodigo" runat="server" Value='<%# Eval("RegCode") %>' />
                                                            <asp:TextBox ID="TextBoxNome" runat="server" Text='<%# Eval("MemberName") %>' Width="180px"
                                                                MaxLength="255"></asp:TextBox>
                                                        </td>
                                                        <td class="CorpGrid2Cell">
                                                            <asp:TextBox ID="TextBoxCNPJ" runat="server" Text='<%# Eval("MemberLastName") %>'
                                                                Width="110px" MaxLength="255"></asp:TextBox>
                                                        </td>
                                                        <td class="CorpGrid2Cell">
                                                            <asp:TextBox ID="TextBoxIdade" runat="server" Text='<%# Eval("Age") %>' Width="110px"
                                                                MaxLength="50"></asp:TextBox>
                                                        </td>
                                                        <td class="CorpGrid2Cell">
                                                            <asp:DropDownList ID="DropDownListPaisOrigem" runat="server">
                                                            </asp:DropDownList>
                                                        </td>
                                                        <td class="CorpGrid2Cell">
                                                            <asp:TextBox ID="TextBoxCidadania" runat="server" Text='<%# Eval("Citizenship") %>'
                                                                Width="110px" MaxLength="50"></asp:TextBox>
                                                        </td>
                                                        <td class="CorpGrid2Cell">
                                                            <asp:TextBox ID="TextBoxFuncao" runat="server" Text='<%# Eval("FunctionDescription") %>'
                                                                Width="120px" MaxLength="255"></asp:TextBox>
                                                        </td>
                                                        <td class="CorpGrid2Cell">
                                                            <asp:DropDownList ID="DropDownListTomadorDecisao" runat="server">
                                                                <asp:ListItem Text="" Value=""></asp:ListItem>
                                                                <asp:ListItem Text="Sim" Value="S"></asp:ListItem>
                                                                <asp:ListItem Text="Não" Value="N"></asp:ListItem>
                                                            </asp:DropDownList>
                                                        </td>
                                                        <td class="CorpGrid2Cell">
                                                            <asp:DropDownList ID="DropDownListOFAC_SDN" runat="server">
                                                                <asp:ListItem Text="" Value=""></asp:ListItem>
                                                                <asp:ListItem Text="Sim" Value="S"></asp:ListItem>
                                                                <asp:ListItem Text="Não" Value="N"></asp:ListItem>
                                                            </asp:DropDownList>
                                                        </td>
                                                        <td class="CorpGrid2Cell">
                                                            <asp:DropDownList ID="DropDownListPEP" runat="server" onchange="definirPepLynx();" CssClass="PepLynx">
                                                                <asp:ListItem Text="" Value=""></asp:ListItem>
                                                                <asp:ListItem Text="Sim" Value="S"></asp:ListItem>
                                                                <asp:ListItem Text="Não" Value="N"></asp:ListItem>
                                                            </asp:DropDownList>
                                                        </td>
                                                    </tr>
                                                </ItemTemplate>
                                            </asp:Repeater>
                                        </table>
                                    </ContentTemplate>
                                    <Triggers>
                                        <asp:AsyncPostBackTrigger ControlID="LinkButtonAddConselho" />
                                    </Triggers>
                                </asp:UpdatePanel>

有人可以帮忙找出发生了什么吗？

Answer 1

似乎是关闭和打开TD标签之间的额外间距的问题。这是一个已知的错误。 试试这段代码：

$("table").each(function(index) {
   $(this).html($(this).html().replace(/td>\s+<td/g,'td><td'));
});

看看这个： Internet Explorer 9 not rendering table cells properly

另请参阅IE博客。他们有一个工具（不应该存在事件）来检查页面与IE9的兼容性： http://blogs.msdn.com/b/ie/archive/2011/04/27/ie9-compat-inspector.aspx