Проблема выравнивания UpdatePanel внутри таблицы

Question

Я использую элемент управления UpdatePanel в середине страницы для частичной обратной передачи изменения переключателя типа адреса. Все работает нормально, но я борюсь с проблемой выравнивания. Элементы управления внутри UpdatePanel не выравниваются с внешними элементами управления. Как я могу решить эту проблему? Пожалуйста, дайте мне знать.

<table id="tblEdit" class="cssclass1" cellpadding="3" runat="server"> 

    <tr> 
     <td class="cssclass1" align="right"> 
      Title 
     </td> 
     <td> 
      <telerik:RadTextBox ID="textbox1" runat="server" Width="280px" ReadOnly="true" 
       BackColor="LightGray" /> 
     </td> 
     <td align="right"> 
      <asp:Label CssClass="cssclass1" ID="LblFirstName" runat="server">First Name</asp:Label> 
     </td> 
     <td align="left"> 
      <telerik:RadTextBox ID="txtFirstName" runat="server" MaxLength="30"> 
      </telerik:RadTextBox> 
      <asp:Image ID="Image1" ImageUrl="../../../images/requiredfield.gif" AlternateText="Required Field" 
       runat="server"></asp:Image><asp:HiddenField ID="hfCaseEntityId" runat="server" /> 
     </td> 
    </tr> 
<tr> 
<td colspan="4"> 

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 

    <tr> 
     <td class="cssclass1" align="right"> 
      Address Type 
     </td> 
     <td align="left"> 
      <asp:RadioButtonList ID="AddressType" runat="server" RepeatDirection="Horizontal" OnSelectedIndexChanged="AddressType_SelectedIndexChanged" AutoPostBack="true" > 
       <asp:ListItem Value="1" Selected="True">Home</asp:ListItem> 
       <asp:ListItem Value="2">Work</asp:ListItem> 
      </asp:RadioButtonList> 
     </td> 
     <td class="cssclass1" align="right"> 
     </td> 
     <td align="left"> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      <asp:Label CssClass="cssclass1" ID="LblHomeStreet1" runat="server">Address</asp:Label> 
     </td> 

     <td align="left"> 
      <telerik:RadTextBox ID="txtHomeStreet1" runat="server" MaxLength="40" > 
      </telerik:RadTextBox> 
      <asp:Image ID="Image10" ImageUrl="../../../images/requiredfield.gif" AlternateText="Required Field" 
       runat="server"></asp:Image> 
     </td> 
     <td align="right"> 
      <asp:Label CssClass="cssclass1" ID="LblHomeStreet2" runat="server">Street 2</asp:Label> 
     </td> 
     <td align="left"> 
      <telerik:RadTextBox ID="txtHomeStreet2" runat="server" MaxLength="40" Width="280px"> 
      </telerik:RadTextBox> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      <asp:Label CssClass="cssclass1" ID="LblHomeCity" runat="server">City</asp:Label> 
     </td> 
     <td align="left"> 
      <telerik:RadTextBox ID="txtHomeCity" runat="server" MaxLength="30"> 
      </telerik:RadTextBox> 
     </td> 
     <td align="right"> 
      <asp:Label CssClass="cssclass1" ID="LblHomeState" runat="server">State</asp:Label> 
     </td> 
     <td align="left"> 
<telerik:RadTextBox ID="txtHomeState" runat="server" MaxLength="30"> 
      </telerik:RadTextBox> 
     </td> 
    </tr> 
     </ContentTemplate> 
</asp:UpdatePanel> 
</td> 
</tr> 
</table> 

Answer 1

Ваш HTML-код недействителен. Первая строка в вашем <ContentTemplate> - <tr>, однако похоже, что вы пытаетесь включить туда еще <table>. Возможно, вам стоит посмотреть на cellpading = 0 и cellspacing = 0 на вашей внутренней таблице. Кроме того, вы можете добавить CSSClass в свою UpdatePanel для дальнейшего форматирования.