scroll bar in textareas

Question

Int the following code, The scroll bar appears in IE and in mozilla it doesnt,how is this to be fixed,scroll bar should not appear where there is not much of data.

<script>
var row= '<table><tr>';
row = '<tr class="display_row"">';
row += '<td  class="display_col" wrap width="75"><b><textarea rows = "8" cols = "18" border ="1" class="input" style="border: none;overflow:visible;width:95%;" readonly maxlength="5">Name selected is Tom </textarea>';
 row+='</td></tr></table>';
 </script>

Answer 1

This looks like you are not using the textarea for editing, but to display data. My suggestion would be not to use a textarea then you'll be more flexible with the styling.

Also: What is the table good for?

Answer 2

This is normal behaviour in IE: Areas that could become scrollable when their content exceeds the container's height, but aren't get a deactivated scroll bar.

To my knowledge, this can not be turned off except in some elements (I've never analyzed which ones exactly) by using overflow: hidden - but then, the scroll bar is gone forever.

Answer 3

Use overflow: hidden in the style for the text area.

Answer 4

scroll bar should not appear where there is not much of data

So use overflow:auto and let the browser do the work.

Answer 5

overflow:auto is the right answer.

Holy unsemantic coding in your example, though.