Resizing TEXTAREA

[ChrisRChamberlain]

Hi all

How can the columns in a TEXTAREA be recalculated so that it expands and contracts in proportion with the screen width?

TIA

FAQ184-2483 - the answer to getting answered.​

Chris

http://www.pdfcommander.com

http://www.pdfcommander.co.uk

 

[Vragabond]

CSS should let you do it. I cannot test this anywhere but Mozilla (where it works):

<textarea style=&quot;width: 50%; height: 200px;&quot;></textarea>

Mozilla keeps the textarea at 50% of the screen size. Hope it helps.

 

[ChrisRChamberlain]

Vragabond

Thanks a lot - your are correct!

FAQ184-2483 - the answer to getting answered.​

Chris

http://www.pdfcommander.com

http://www.pdfcommander.co.uk

 

[cabernet]

may height also be rows 5 etc....

 

[MikeBronner]

Not in CSS. If you want to change the number of rows dynamically, you'll have to use JavaScript.

Take Care,
Mike

 

[ChrisHunt]

You should be able to mix CSS and the rows attribute, like this:
[tt]
<textarea style=&quot;width: 50%;&quot; rows=&quot;5&quot;></textarea>
[/tt]
It'll annoy CSS purists, but probably makes a lot of sense - I want my textarea to be 5 lines of text high, and I can't predict how high (in pixels) the browser will make each line. Haven't tested it though...

-- Chris Hunt

http://www.extracon.com

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

 

[BillyRayPreachersSon]

Chris,

I agree with you that putting both tags in is a good move - certainly for maximum browser compatibility.

I'm not sure about CSS calculating the height of each line if you specify both. I thought that browsers always stuck to the pixel value specified by CSS width/height parameters, and that the rows/cols were only used by browsers that didn't understand CSS.

Can anyone clarify this?

Dan