CODEWITHSUNDEEP
htmlcsstextarea
Dương Văn
Dương Văn

Reputation: 481

Way to make textarea fill entire cell in a table

I have designed this table for reporters to browse information about their reports in the database, and the textareas at the top function as both search fields and table heads -- which show what is in each column.

However, a problem I have run into is that when the table shifts dimensions because of content, the textareas (obviously) do not shift along with them.

My question is this; is there a way to force the textarea take up the entire area of the cell they are in?

http://i.imgur.com/twOmA.png

Upvotes: 6

Views: 9743

Answers (1)

Ravan Scafi
Ravan Scafi

Reputation: 6392

Try:

textarea {
   width: 100%;
}

Example: http://jsfiddle.net/ravan/JZwhH/

Upvotes: 9

Related Questions