Сделать ширину asp listbox той же таблицей

Question

У меня есть таблица с 2 строками и 4 ячейками. 1-я и вторая ячейки составляют 30% ширины стола, а 3-я и четвертая сидят друг над другом, а 30% -ная ширина составляет 90%.

Iv пытался помещать ячейки ячеек в панели и устанавливал их ширину до 30%, добавляя ширину ячейки до 30% и несколько других вещей, но ширина по-прежнему игнорируется.

Таблица сама по себе должна быть 100% ширины экрана.

Мои списки продолжают расширяться более чем на 30%, но как я могу это остановить?

Обновление: я получил список, чтобы остановить переполнение, но не список, иногда меньше, чем ячейка. Могу ли я заставить его соответствовать ширине ячейки все время, если текст короче или длиннее ширины?

<div style="overflow: hidden"> 
<asp:Table runat="server" Width="100%" GridLines="Horizontal"> 
    <asp:TableRow Width="100%"> 
     <asp:TableCell RowSpan="2"> 
      <asp:ListBox ID="JsonAppKeyListBox" runat="server" AutoPostBack="True" Rows="20" BackColor="#66CCFF" ForeColor="White" onselectedindexchanged="JsonListBox_SelectedIndexChanged"> 
      </asp:ListBox> 
     </asp:TableCell> 
     <asp:TableCell RowSpan="2"> 
      <asp:Panel ID="pnlParentNodes" runat="server" Width="100%"> 
       <asp:ListBox ID="JsonAppsValueListBox" runat="server" AutoPostBack="True" Rows="20" BackColor="#66CCFF" ForeColor="White" Width="100%"> 
       </asp:ListBox> 
      </asp:Panel> 
     </asp:TableCell> 
     <asp:TableCell HorizontalAlign="Right" Width="30%"> 
      <asp:ImageButton ID="imgBtnBack" runat="server" ImageUrl="~/img/analysis/analysis_back_logo.png" Width="30px" HorizontalAlign="Center"/> 
      <asp:ImageButton ID="imgBtnDelete" runat="server" ImageUrl="~/img/analysis/analysis_delete_logo.png" Width="30px"/> 
      <asp:ImageButton ID="imgBtnConfirm" runat="server" ImageUrl="~/img/analysis/analysis_confirmed_logo.png" Width="30px"/> 
     </asp:TableCell> 
    </asp:TableRow> 
    <asp:TableRow> 
     <asp:TableCell> 
      <asp:TextBox ID="tb_nodeNotes" runat="server" Height="300px" Width="100%" BackColor="#66CCFF" ForeColor="White" Rows="30" TextMode="MultiLine"> 
      </asp:TextBox> 
     </asp:TableCell> 
    </asp:TableRow> 
</asp:Table> 
</div> 

Answer 1

получил его. необходимо установить список, ячейки и строки на 30, 30 и 100 процентов соответственно

<div style="overflow: hidden"> 
<asp:Table runat="server" Width="100%" GridLines="Horizontal"> 
    <asp:TableRow Width="100%"> 
     <asp:TableCell RowSpan="2" Width="30%"> 
      <asp:ListBox ID="JsonAppKeyListBox" runat="server" AutoPostBack="True" Rows="20" BackColor="#66CCFF" ForeColor="White" onselectedindexchanged="JsonListBox_SelectedIndexChanged" Width="100%"> 
      </asp:ListBox> 
     </asp:TableCell> 
     <asp:TableCell RowSpan="2" Width="30%"> 
       <asp:ListBox ID="JsonAppsValueListBox" runat="server" AutoPostBack="True" Rows="20" BackColor="#66CCFF" ForeColor="White" Width="100%" Height="100%"> 
       </asp:ListBox> 

     </asp:TableCell> 
     <asp:TableCell HorizontalAlign="Right" Width="30%"> 
      <asp:ImageButton ID="imgBtnBack" runat="server" ImageUrl="~/img/analysis/analysis_back_logo.png" Width="30px" HorizontalAlign="Center"/> 
      <asp:ImageButton ID="imgBtnDelete" runat="server" ImageUrl="~/img/analysis/analysis_delete_logo.png" Width="30px"/> 
      <asp:ImageButton ID="imgBtnConfirm" runat="server" ImageUrl="~/img/analysis/analysis_confirmed_logo.png" Width="30px"/> 
     </asp:TableCell> 
    </asp:TableRow> 
    <asp:TableRow> 
     <asp:TableCell> 
      <asp:TextBox ID="tb_nodeNotes" runat="server" Height="300px" Width="100%" BackColor="#66CCFF" ForeColor="White" Rows="30" TextMode="MultiLine"> 
      </asp:TextBox> 
     </asp:TableCell> 
    </asp:TableRow> 
</asp:Table> 
</div>