html - "Fullscreen" height <textarea> in CSS -


i'm not best @ using css solve these problems, , wondering if give me hand.

right now, i'm trying build pastebin project entirely in php. php part working great can't this.

anyway, point.

i have textarea tag want fill whole of screen except drop down box , submit button, regardless of resolution / zoom.

here source code i'm using.

index.php: http://pastebin.com/dzjkfg0t style.css: http://pastebin.com/mdhyg7xi

massive can help!

here css problem:

* {     -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;     box-sizing: border-box;     padding: 0;      margin: 0;  }  body {     background-color: #0099cc;     color: #ffffff;     font-size: 180%;     margin: 10px; }  .centre {     text-align: center; }  textarea {  /* position inherited */     left: 0;      top: 0;      right: 0;     bottom: 100px;  /* height of select , input */     width: 100%; } 

also, jsfiddle wth full code: http://jsfiddle.net/a3um2/


Comments

Popular posts from this blog

python - Subclassed QStyledItemDelegate ignores Stylesheet -

java - HttpClient 3.1 Connection pooling vs HttpClient 4.3.2 -

SQL: Divide the sum of values in one table with the count of rows in another -