网页asp.net的对齐方式答案

【问题标题】：alignment of webpage asp.net网页asp.net的对齐方式
【发布时间】：2015-05-26 17:14:55
【问题描述】：

我正在创建一个分为两个方面的网页。左侧是图像，右侧可以是各种用户输入。我将图像放入一个向左浮动的表格单元格中，将输入放入一个单元格并向右浮动。

在我使用右侧添加网格之前，一切看起来都像我预期的那样

<tr>
  <asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1">
  </asp:GridView>
</tr>

然后右边的内容对齐全部移到左边的底部。谁能帮我解决一下如何让它回到右边？

这是我的标记

<table id="leftT">
  <tr id ="table_left" >
    <td>
      <asp:Image ID="Image1" runat="server" Height="356px" ImageUrl="~/Image/search.jpg" Width="200px" style="vertical-align:text-top"/>
    </td>
  </tr>
</table>
<table id ="rightT">
  <tr>
    <td>
      <asp:Label ID="lblUserName" runat="server" Text="Label"></asp:Label>
    </td>
    <td>
      <asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="SqlDataSource1" DataTextField="USERNAME" DataValueField="USERNAME">
            <asp:ListItem></asp:ListItem>
      </asp:DropDownList>
      <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:SOConnectionString %>" ProviderName="<%$ ConnectionStrings:SOConnectionString.ProviderName %>" SelectCommand="SELECT USERNAME FROM USERMASTER WHERE USERSTATUS = 1 AND USERACCESSRIGHTS = 'Non-Administrator'"></asp:SqlDataSource>
    </td>
    <td>
      <asp:Label ID="lblCreateOnM" runat="server" Text="Label"></asp:Label>
    </td>
    <td>
      <asp:Label ID="lblCreateOn" runat="server" Text="Label"></asp:Label>
    </td>
  </tr>
  <tr>
    <td>
      <asp:Label ID="lblDate" runat="server" Text="Label"></asp:Label>
    </td>
    <td><asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
      <asp:TextBox ID="txtDate" runat="server" Enabled="False"></asp:TextBox>
      <asp:Calendar ID="Calendar1" runat="server" OnSelectionChanged="Calendar1_SelectionChanged"></asp:Calendar></td>
    <td>
      <asp:Label ID="lblUpdateOnM" runat="server" Text="Label"></asp:Label>
    </td>
    <td>
      <asp:Label ID="lblUpdateOn" runat="server" Text="Label"></asp:Label>
    </td>
  </tr>
  <tr>
    <td>
      <asp:Label ID="lblTask" runat="server" Text="Label"></asp:Label>
    </td>
    <td>
      <asp:DropDownList ID="DropDownList2" runat="server" DataSourceID="SqlDataSource2" DataTextField="TASKNAME" DataValueField="TASKNAME">
        <asp:ListItem></asp:ListItem>
      </asp:DropDownList>
      <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:SOConnectionString %>" ProviderName="<%$ ConnectionStrings:SOConnectionString.ProviderName %>" SelectCommand="SELECT DISTINCT TASKNAME FROM TASKMASTER"></asp:SqlDataSource>
    </td>
    <td>
      <asp:Label ID="lblUpdateByM" runat="server" Text="Label"></asp:Label>
    </td>
    <td>
      <asp:Label ID="lblUpdateBy" runat="server" Text="Label"></asp:Label>
    </td>
  </tr>
</table>

【问题讨论】：

标签： html css asp.net

【解决方案1】：

这里你做的错误是，你正在创建两个表，一个在另一个之下。而不是只取一个表和两列，并将所有控件放在这两列中，如下所示

前-

 <table>
       <tr>
          <td id='Left_id'>
             //Put all the left controls here
          </td>
          <td id='Right_id'>
              //Put some controls here if required

             <table>
                 <tr>
                   <td>
                     //some Controls Here 
                   </td>
                 </tr>
             </table>
          </td>
       </tr>

    </table>

【讨论】：

将 2 列的 with 赋值为