Paste this snippet of HTML into a VS 2005 .Net Web Form:
<table style="border-right: black thin solid; border-top: black thin solid; border-left: black thin solid; border-bottom: black thin solid;" >
<tr>
<td style="border-right: red thin solid;width:100px;">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
<td style="border-right: red thin solid;width:100px;">
<asp:TextBox ID="TextBox2" runat="server" Style="width: 100px;"></asp:TextBox></td>
</tr>
</table>
As you can see, there is a two-column, one row table with 2 textboxes inside each cell. Now change the TextBox2.width from 100px to 100%. Notice the overlap? How do I prevent that from happening? I want to use percentages but I want the server controls to remain inside their respective <TD> cells. Mind you, I don't want to use a quick fix like using 90 or 95%. Thanks.
<table style="border-right: black thin solid; border-top: black thin solid; border-left: black thin solid; border-bottom: black thin solid;" >
<tr>
<td style="border-right: red thin solid;width:100px;">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
<td style="border-right: red thin solid;width:100px;">
<asp:TextBox ID="TextBox2" runat="server" Style="width: 100px;"></asp:TextBox></td>
</tr>
</table>
As you can see, there is a two-column, one row table with 2 textboxes inside each cell. Now change the TextBox2.width from 100px to 100%. Notice the overlap? How do I prevent that from happening? I want to use percentages but I want the server controls to remain inside their respective <TD> cells. Mind you, I don't want to use a quick fix like using 90 or 95%. Thanks.