texteareaをリサイズ可能にする

スタイルシートtips

方法

基本的には、上位のBOXから width,heightを指定していけばよい。
（基本的にIEにはheightの計算にバグがあるため必ず上位のBOXの指定が必要）

 body { height:100%;  overflow:hidden;}
 form#red { width:100%; height: 100%; background: red;}
 textarea#blue { width: 100%; height: 90%; background: blue;}

サンプルソース

 <head>
 <style type="text/css"><!--
  body { height:100%;  overflow:hidden;}
  form#red { width:100%; height: 100%; background: red;}
  textarea#blue { width: 100%; height: 90%; background: blue;}
 --></style>
 </head>
 <body>
  <form id="red">
   <input><input type=submit><br>
   <textarea id="blue">
   </textarea>
   </form>