Textarea 100% height in IE

Question

How do I get <textarea> 100% high and work in IE7 / 6? height:100% works fine in all other browsers, but IE just doesn't want to accept anything other than certain values. Javascript is a possible solution.

Answer 1

For an element to reach 100% height in IE6, you will need to specify a fixed height for your parent element. If you want to make the element a full-sized page, apply the height: 100%; for both html elements and body.

 /*100% height of the parent element for IE6*/ #parent {height:500px;} #child {height:100%;} /*100% of the page length for IE6*/ html, body {height:100%;} #fullLength {height:100%;} 

Taken from: http://www.virtuosimedia.com/

I assume this applies to IE7 as well.

Answer 2

I want to leave the answer here because I have the same problem and the answer above is not entirely useful.

For all browsers except IE6-7

  div#parent {height:500px;} textarea#child {height:100%;} 

But for IE6-7 you need to install:

  textarea#child { height:100%; position: absolute; }