Word wrap - textarea inside div

[mattrapoport]

Hello, I am have a div and inside of that div I have a textarea. There
is nothing else in the div. The text in the textarea will come from a
database so it needs to be able to wrap and grow as necessary. I've
tried a whole bunch of permutations and I'm not having any luck. Any
help would be greatly appreciated. Here's the code:

HTML:

<div class='desc'><textarea class='desc_text'>blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</textarea></div>

CSS:

..desc
{
height: auto;
min-height: 14px;
background: #FFFFFF;
border: 0px solid #000000;
border-left-width: 1px;
font: 11px tahoma;
padding: 2px 2px 2px 2px;
margin: 0px;
float: left;
overflow: auto;
width: 225px;
text-align: left;
}

..desc_text
{
width: 220px;
text-align: left;
margin: 0px;
padding: 0px;
height: 13px;
font: 11px tahoma;
border: 0px;
}

Thank You.

[Jukka K. Korpela]

ma**********@gmail.com <ma**********@gmail.com> scripsit:

The text in the textarea will come
from a database so it needs to be able to wrap and grow as necessary.
Is the text a useful _default value_ for an input field? If not, it should
not appear as textarea content. You might need to reconsider the idea, and
the technical side could become completely different, since textarea
elements are rather idiosyncratic, in implementations.

By HTML definition, textarea content _should not_ auto-wrap but it should
appear exactly as written. Are you sure you should _rely_ on CSS for
defeating this by-design feature? (Browsers are known to auto-wrap by
default, but you can rather reliably defeat this misfeature by using the
nonstandard attribute wrap="off".)
I've tried a whole bunch of permutations and I'm not having any luck.
Any help would be greatly appreciated. Here's the code:
You are not explaining what you wish to accomplish - and why. If the
textarea content is a meaningful default value, why shouldn't it be rendered
as written, especially considering the fact that line breaks may matter?
width: 220px; - - font: 11px tahoma;
border: 0px;

Wrong approach. User input, if anything, should adapt to the user-selected
font size. Hence, setting a width in pixels is wrong, too.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[mattrapoport]

Jukka K. Korpela wrote:

ma**********@gmail.com <ma**********@gmail.com> scripsit:

The text in the textarea will come
from a database so it needs to be able to wrap and grow as necessary.

Is the text a useful _default value_ for an input field? If not, it should
not appear as textarea content. You might need to reconsider the idea, and
the technical side could become completely different, since textarea
elements are rather idiosyncratic, in implementations.

By HTML definition, textarea content _should not_ auto-wrap but it should
appear exactly as written. Are you sure you should _rely_ on CSS for
defeating this by-design feature? (Browsers are known to auto-wrap by
default, but you can rather reliably defeat this misfeature by using the
nonstandard attribute wrap="off".)

I've tried a whole bunch of permutations and I'm not having any luck.
Any help would be greatly appreciated. Here's the code:

You are not explaining what you wish to accomplish - and why. If the
textarea content is a meaningful default value, why shouldn't it be rendered
as written, especially considering the fact that line breaks may matter?

width: 220px;

- -

font: 11px tahoma;
border: 0px;

Wrong approach. User input, if anything, should adapt to the user-selected
font size. Hence, setting a width in pixels is wrong, too.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Jukka - thank you very much for your reply. I obviously wasn't
thinking about my problem in the right way and you have set me
straight! I'm scraping the textarea altogether.