Textarea dikey olarak yeniden boyutlandırma örneğin

Question

Textarea'yı IE'de dikey olarak nasıl yeniden boyutlandırırım?

Yeniden boyutlandırdım: dikey ve Firefox'ta iyi çalışıyor ancak IE'de çalışmıyor. Peki bunun için alternatif nedir?

Ayrıca, sayfayı yazdırmak istiyorsam, tüm içeriği kutuya genişletmek ve yazdırmak için textarea'ya ihtiyacım var. Bunun için ne kullanmalıyım?

düzenlenebilir -

Benim 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 - Düzenlendi

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

-

Hala bunun için çözüm çözmek mümkün değil. Biri yardım edebilir mi lütfen?

Answer 1

Emin değilim ama Internet Explorer'ın bunu desteklemediğini biliyorum. Bunun için javascript kullanabilirsiniz. Bu textarea'ya benzer bir jquery eklentisi şu an yazıyor:

Answer 2

CSS resize özelliği IE tarafından desteklenmiyor (henüz) değil. Bu jquery ui eklentisini denemek isteyebilirsiniz: http://jqueryui.com/demos/resizable/. İşte göstermek için bir fiddle.

IE'de yazdırmayla ilgili ikinci sorunuz için. Medya = "baskı" blok için aşağıdaki CSS eklemek deneyin: eklenti geliştiriliyor gibi

textarea { 
    overflow: visible; 
}