html - Why doesn't the textbox resize to the entire div in IE? Chrome is fine -
a ie resizing problem!? code pretty simple: i've got div , want text-box that's 100% of div. must show red line of div (if use height:100%, width:100% eats away border :-( ).
html:
<div> <textarea></textarea> </div>
css:
div{ width:500px; height:500px; border:solid 1px red; padding:1px; position:absolute; top:100px; } textarea{ position:absolute; top:0px; bottom:0px; right:0px; left:0px; }
i hope guys have clue. dtd in example html strict. code example: http://jsfiddle.net/qjyuz/
i'm trying find reason why well. please specify links blogs / specifications why problem occurs.
ie doesn't support setting both left
, right
(nor top
, bottom
) @ same time. instead try setting width
, height
100%
(but you'll need remove padding , border in case):
textarea{ position:absolute; top:0px; left:0px; width: 100%; height: 100%; border: none; padding: 0; }
Comments
Post a Comment