How to make textarea to fill div block?

css textarea width
Rihards picture Rihards · Jul 2, 2010 · Viewed 44.7k times · Source

Check out how far have I got it here: [link was removed] How can I make the textarea above the green button to fill the div block? I mean, how to make the textarea exactly the same width as the comment block?

Answer

acpmasquerade picture acpmasquerade · May 17, 2012

Please refer to this article which implements the CSS3 box-sizing property http://css-tricks.com/box-sizing/

A quick solution for this is to set 

textarea {
     width: 100%;
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;         /* Opera/IE 8+ */
}

And here is a working example which implements the box-sizing property http://css-tricks.com/examples/BoxSizing/

Using widths like 99% or somewhat lesser to adjust within the container div, has already been discouraged.

Related questions

Should I size a textarea with CSS width / height or HTML cols / rows attributes?

Every time I develop a new form that includes a textarea I have the following dilemma when I need to specify its dimensions: Use CSS or use the textarea's attributes cols and rows? What are the pros and cons of …

Read More
CSS Input field text color of inputted text

I have an input field, and the color of the text in it is black. (I'm using jquery.placeholder) Let's say the text in there is "E-Mail" When you click on this field, the black placeholding text dissapears (thanks to …

Read More
How to autosize a textarea using Prototype?

I'm currently working on an internal sales application for the company I work for, and I've got a form that allows the user to change the delivery address. Now I think it would look much nicer, if the textarea I'm …

Read More