How to completely remove TextArea Verical ScrollBar?

HTML: Extra whitespace around textarea element in IE6, how to remove?

• In Internet Explorer 6 on Windows textareas seem to have an extra pixel of space above and below them. I want to know some HTML or CSS code to display the textarea without this whitespace. Here's some example code: <table border=0 cellspacing=0 cellpadding=0 width=500 style="border: red 10 solid"><tr><td bgcolor="yellow"> <TEXTAREA id=_box1_editor style="WIDTH: 100%; HEIGHT: 200px; border: none; background-color: green"> </TEXTAREA> </td></tr></table> The extra pixel will show as yellow in IE6. I've turned off the textarea border and added colors so it's more obvious, but the problem is there even with standard borders on. If you replace "textarea" with "iframe" there will be no extra pixels above and below.

• Answer:

  Hello Davious, To remove the extra-pixel that shows above and below the textarea, add the following two margin properties to the textarea inline-style: <TEXTAREA id=_box1_editor style="margin-top: -1px; margin-bottom: -1px; (...)"> This will not only solve the problem in IE6, but also in Netscape6/ Mozilla1. Hope that helps!