テキストエリアのサイズを垂直に変更

Question

IEでテキストエリアのサイズをどのように変更するのですか？

私はサイズを変更しました：垂直で、Firefoxではうまくいきますが、IEではうまくいきません。だから、これの代わりに何がありますか？

また、ページを印刷する場合は、テキストボックスを拡張してボックス内の全内容を印刷する必要があります。これには何を使用すべきですか？

編集 -

マイCSS：

@media screen { 
    textarea { 
     resize: vertical; 
     overflow: auto; 
     border: 1px #999999 solid; 
     padding: 6px; 
     background: #ffffff url('../images/field_bg.png') repeat-x bottom; 
     width: 400px; 
     height: 100px; 
    } 
} 
@media print { 
    textarea { 
     border: 1px #999999 solid; 
     padding: 6px; 
     background-color: #ffffff; 
     background-image : none; 
     width: 400px; 
     height: auto; 
     overflow: visible; 
    } 
} 
.field { 
    display: inline; 
    vertical-align: top; 
    width: 25%; 
} 

HTML - 編集

<div class="field"> 
<textarea id="xp"> 
some text here 
</textarea> 
</div> 

-

私はまだこのためのソリューションを把握することはできません。誰でも助けてくれますか？

Answer 1

私はよく分かっていませんが、Internet Explorerはそれをサポートしていません。あなたはそのためにjavascriptを使うことができます。 ここに私が今入力しているこのテキストエリアに似たjqueryプラグインがあります：

Answer 2

CSSリサイズプロパティは、IEではまだサポートされていません。このjquery UIプラグインを試してみるとよいでしょう：http://jqueryui.com/demos/resizable/。ここにはfiddleがあります。

IEでの印刷に関する2番目の質問です。メディア=「印刷」ブロックに次のCSSを追加してみてください。

textarea { 
    overflow: visible; 
}