表中的UpdatePanel對齊問題

我在頁面中間使用UpdatePanel控件進行地址類型單選按鈕更改的部分回發。一切工作正常，但我正在對準問題掙扎。 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>

來源

2012-07-13 nav100

您的HTML無效。 <ContentTemplate>中的第一行是<tr>，但是，看起來您正試圖在其中包含另一個<table>。您可能想要在內部表格中查看cellpading = 0和cellspacing = 0。此外，你可以添加一個CSSClass到你的UpdatePanel來做任何額外的格式化。

來源

2012-07-13 14:27:07 Matt

謝謝你的幫助。不是一個額外的標籤。你能否給我更多的細節？ – nav100 2012-07-13 14:32:50

對不起，表格應該在上面的表格中。你應該在tr標籤之前放置另一個表格元素。你基本上有一個孤兒行。 – Matt 2012-07-13 14:34:59

表中的UpdatePanel對齊問題

回答

相關問題