Forum Moderators: open
The problem:
------------
In our wabapp, we have a form with a typical table layout. The whole app is scalable, so I worked in percentages. I also limit the use of tables (this is the only one).
But ... when setting the width of a textbox to a percentage, I encounter a bug in IE. Seems that the textbox grows when tere is lots of text in it ...
Here is the HTML:
-----------------
<html>
<head>
<title></title>
<style>
INPUT { width: 50%; }
DIV.table {width: 100%; }
</style>
</head>
<body>
<form>
<div class="table">
<table cellspacing="0" cellpadding="0" width="100%">
<tr><td><label for="Long">Long string</label>
</td><td>
<input id="Long" name="Long" type="text" value="Een lange string Een lange string Een lange string Een lange string Een lange string Een lange string Een lange string Een lange string Een lange string Een lange string Een lange string Een lange string Een lange string Een lange string Een lange string Een lange string">
</td></tr>
<tr><td><label for="Short">Short string</label>
</td><td>
<input name="Short" id="Short" type="text" value="Een korte string">
</td></tr>
</table>
</div>
</form>
</body>
</html>
Thanks in advance ...
Yoeri
Will it be being typed in by the user?
The reason I ask is that the extended width seems to be being caused by the "value attribute" if you cut that long string and then paste it into the textbox, the problem doesn't occur?
Suzy
The user types in a long string which is no problem.
When submitting, the values of the textboxes are validated on the server, and sent back to the client when there are errors.
On that moment, the values are again filled in in the boxes, and the layout is bad ... as stated in the problem...
I also have it in Master-detail views .... so I cannot do it otherwise ...
We create an xml model and transform it to XHTML using XSLT, so we don't use the asp.net controls...
I don't like this solution, it is kinda dirty, but it works ...
