Html column Displacement

Question

IE9에서 html 열을 정확하게 표시하지 않는 AjaxControlToolkit이있는 Asp.Net Webforms 응용 프로그램이 있습니다.

이 문제

때/방법의 명확한 패턴없이 목적으로 만 가끔 발생합니다. Firefox에서 잘 작동합니다. 결과 HTML 섹션/테이블은 이미 W3C 도구를 사용하여 유효성을 검사 했으므로 문제가 없습니다. CSS에서이 동작을 설명 할 수있는 것을 찾지 못했습니다. 또한이 ascx 파일에는 사용자 정의 Javascript가 없습니다.

IE9 버그라고 생각됩니다. Microsoft 지원 티켓을 여는 것이 좋습니다. 우리는 AjaxControlToolkit V4.1.7.1213을 사용하고 있습니다. 나는 이미 ListView 대신 Asp.Net Repeater를 사용하고 다른 서버 (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 블로그에서보세요. http://blogs.msdn.com/b/ie/archive/2011/04/27/ie9-compat-inspector.aspx