Geek Answers Handbook

Textarea resizes vertically, i.e.

How to resize textbox in IE?

I resized: vertically, and it works well in Firefox, but in IE it doesn't work. So what is the alternative for this?

Also, if I want to print the page, I need a text box to expand and print all the content in the box. What should I use for this?

edited -

My 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>

Edited -

I still cannot find a solution for this. Can someone please help?

+7
source share
2 answers

The css resize property is not yet supported by IE. You can try this jquery ui plugin: http://jqueryui.com/demos/resizable/ . Here's a fiddle to demonstrate.

For your second print question in IE. Try adding the following CSS to the media = "print" block:

 textarea { overflow: visible; }
+10
source

I'm not sure, but, as I know, Internet Explorer does not support this. You can use javascript for this. Here is a jquery plugin similar to this text area I'm typing now: http://archive.plugins.jquery.com/project/TextAreaResizer

0
source

More articles:


All Articles