height of TEXTAREA

**Vic** · 07-08-2007 03:11 AM

Is there any reason why IE will not render TEXTAREA at height 100% under standards compliant doctype (see below)? I have set HTML and BODY height to 100%, but the textarea is still only showing as two lines (unless I specify the height in "px" instead of "%").

Any thoughts workarounds woud be much appreciated.

Thanks

PS: I am using following doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

**• MaNiC MoE •** · 07-08-2007 06:31 AM

HTML Code:

<style type="text/css">
textarea          {height:100% ; width:100%}
</style>

**mactheweb** · 07-08-2007 11:46 AM

Is there any logical reason why IE does this? No.

Does it behave this way? Yes.

Set your height in pixels or ems or set rows in the html. Absolutely defined height for text areas is seldom a design limitation.

height: 100% is so problematic and unintuitive in so many implementations that I almost never use it.

Some Ajax/JavaScript libraries like MooTools allow you to set resizable text areas. Look at a current Wordpress demo for an example

**• MaNiC MoE •** · 07-08-2007 12:59 PM

HTML Code:

<textarea rows="WTV" cols="WTV"></textarea>

Thread: height of TEXTAREA

Thread Tools

Display

height of TEXTAREA

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions