Avensoft Help Desk

Input fields with 100 percent width in a table expand column width

nService doesn't use percentage based input field width. The following code could enable a data entry form with two columns to adapt nicely to the browser's window width. It doesn't work.

<table style="width:100%">
<tr>
<td style="width:50%">
    left collumn
</td>
<td style="width:50%">
    <table style="width:100%">
    <tr>
      <td>label</td>
    <td><input type="text" value="an input field with a long inital value" style="width: 100%" /></td>
    </tr>
    </table>
</td>
</tr>
</table>

The reason it doesn't work is because IE attempts to show all content of the input field value. The left column would be squeezed to be far less than 50% of the browser width. If the default value is short, or if it is FireFox, it works fine.

Article #120

Updated on: 12/19/2009

Was this article helpful? Yes | No