html - How correctly specify the textarea width? Using the cols attribute I obtain different width using different browser -
i have problem definition of width of textarea
so, have situation:
<div id="dialogreject" title=""> <table style="visibility: hidden;" id="rifiutatable" border="0" class="standard-table-cls" style="width: 100%!important"> <tbody style="background-color: #ffffff;"> <tr> <td style="font: 16px verdana,geneva,arial,helvetica,sans-serif !important">inserire note di rifiuto</td> </tr> <tr> <td> <textarea style="visibility: hidden;" rows="5" cols="70" id="myrejectnote"></textarea> </td> </tr> <tr> <td> <input class="bottone" readonly="readonly" type="text" value="rifiuta" onclick="rifiuta()"/> </td> </tr> </tbody> </table> </div>
the div having id="dialogreject" represent jquery dialog in there textarea, one:
<textarea style="visibility: hidden;" rows="5" cols="70" id="myrejectnote"></textarea>
so, can see, width of textarea specified columns number: cols="70"
actually columns number setted on 70 , firefox, infact obtained result:
and ok, when try open on explorer obtain:
as can see using 70 columns don't fill horizontal space dialog (i have increase 100 columns, in way go out of dialog when use firefox)
how can solve problem? can specify textarea width in different way correctly rendered browser?
tnx
apply width:100%
textarea
<textarea style="visibility: hidden; width:100%;" rows="5" cols="70" id="myrejectnote"></textarea>
Comments
Post a Comment