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
Post a Comment