Style Width Problem in Text Input

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • BiNZGi

    Style Width Problem in Text Input

    Hi

    I have reduced the problem to this code:

    <form>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td><input type="text" style="width: 100%;" value="Lorem ipsum
    dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
    nibh euismod tincidunt ut laoreet dolore magna aliquam erat
    volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci
    tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
    commodo consequat. Duis autem vel eum iriure dolor in hendrerit
    in vulputate velit esse molestie"></td>
    </tr>
    </table>
    <input type="submit" value="Submit">
    </form>

    If the Textbox has no text in it, it looks ok. The table is expanded
    to the max width in the browser.

    If there is a long text like the above in it, the browser renders the
    textbox as long as the text is, also the table.

    This is not what i am expecting of the textbox. With the width style
    applied, i think it should be sized with the maximum of the browser
    width and the rest of the text is not shown, like i use the size
    property of it.

    Any ideas?

    Greetz
    BiNZGi
Working...