Question

Below is my HTML:

<table width="100%" >
  <tr>
    <td>
      <asp:TextBox ID="tbNewNote" TextMode="MultiLine" runat="server" CssClass="width:100% "/>
    </td>                                
  </tr>
</table>

When the textbox is filled with text, it widens beyond the edge of the screen.

How can i get rid of such behavior?

Thanks in advance.

Answer 1

Make the following changes to your code, removed CssClass=”width:100%”, you provide class here not css property. Secondly I added a fixed width to your TextBox, now it will not expand.

 <table width="100%" >
      <tr>
       <td>
        <asp:TextBox ID="tbNewNote" TextMode="MultiLine" runat="server" Width="200px"/>
       </td>                                
      </tr>
    </table>