[Resolved] HTML: INPUT field resizes to size of text?

[The Hobo]

My problem lies in code like this:

<table border="1" style="width: 45%;">
    <tr>
        <td style="width: 30%;">Your Name :</td>
        <td style="width: 70%;">
            <input type="text" name="textbox" value="[long text here]" style="width: 100%;">
        </td>
    </tr>
</table>

Rather than fitting to the 70%, the input field will make itself the entire width of the text. How can I make it just size to the 70%?

[The Hobo]

Anyone?

[mendhak]

Originally posted by The Hobo

Rather than fitting to the 70%, the input field will make itself the entire width of the text. How can I make it just size to the 70%?

I checked your code, but that's not what I'm getting. The input field is the entire width of the td here.

Could it be a browser problem?

Windows XP/IE6 here.

[The Hobo]

I've tried it in both IE5.5 and IE6 and I get the same results.

[mendhak]

Post a snapshot, or if possible link to the page.

[The Hobo]

Did you replace "[long text here]" with some really, really long text?

The problem only occurs when the amount of text exceeds that which can be displayed by the size of the box. When that happens, the box, for some reason, expands to display ALL of the text.

[The Hobo]

<table border="1" style="table-layout: fixed; width: 45%;">
    <tr>
        <td style="width: 30%;">Your Name :</td>
        <td style="width: 70%;">
            <input type="text" name="textbox" value="[long text here]" style="width: 100%;">
        </td>
    </tr>
</table>

Adding table-layout: fixed; corrected the problem.