Posted by 0xDeadBeef on 09/20/07 09:06

Hey all,

I'm working on an intranet app and I have an issue I can't figure
out. I have two divs positioned side-by-side. The divs enclose a
fieldset which encloses another div and a table. The table is used to
position a form with input controls. When filling out the form all
looks good until a long text string (100 to 200 characters) is entered
into an input control and the form is saved. Upon the redisplay, the
input string insists on being long enough to show the entire text
string. This stretches the table beyond the borders of its enclosing
div, fieldset and div. These three controls stay the proper size
while the table they are enclosing stretches too wide and overflows
their borders.

The outermost div has a width of 48%, the fieldset has a width of 95%
and the innermost div has no width assigned. The table has a width of
100%, the tr has a width of 98% and so does the input control. The
app has a liquid layout and stretches in width with the browser
window.

I am at my wits end with this one. I can't get the table or input to
stay the proper size. Any help would be greatly appreciated. I'm
using IE7, btw.

Len
dito.ca

[Back to original message]