asked on

Fixed width div/textarea with no scroll bars needs to expand to content

Hi Experts,

I have some dynamic text content that I need to echo. I want it to fill a space 580px in width. Should the content exceed 580 it needs to wrap and expand either the div or the texarea. I have got this to work using a textarea and wrap="virtual' in Safari but it produces on long line of text and a scroll bar in FF and IE.
I have tried max-width but that only works in Saf too.
Is this possible? It seems basic but i can't seem to find an example that works in the knowledge base.

Thanks for any help.

spikeyman00

This is what someone else posted on here.

<HTML>

<head>

<script>
function MakeSizeAdjustment(oTextArea)
{
if (navigator.appName.indexOf("Microsoft Internet Explorer") == 0)
{
return;
}

while (oTextArea.scrollHeight > oTextArea.offsetHeight)
{
oTextArea.rows++;
}
}
</script>

</head>

<BODY>

The amazing, incredible, expanding text-area:
<textarea style="overflow:visible;width:30%" rows="3" onkeyup="MakeSizeAdjustment(this)">Some Test Text</textarea>

</BODY>
</HTML>

RowdyBurns

ASKER

EEErm. This still displays scroll bars in FF.

ASKER CERTIFIED SOLUTION

scrathcyboy

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

RowdyBurns

ASKER

Thank you for having a look at this.