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

Popular posts from this blog

java - SNMP4J General Variable Binding Error -

windows - Python Service Installation - "Could not find PythonClass entry" -

Determine if a XmlNode is empty or null in C#? -