zmena veľkosti textarea tak, aby zapadala do rozloženia kvapaliny s javascriptom - javascript, rozloženie, textarea, zmeniteľná, tekutá

Mám tekuté usporiadanie a potrebujem textarea na rozšírenie / zníženie v závislosti od veľkosti rodičovského kontajnera.

V CSS by to vyzeralo takto:

textarea{
width: 100%;
}

Ale to nefunguje s textareas.

Ako to môžem urobiť pomocou javascriptu? Môžem získať šírku rodičovského prvku a vypočítať počet kolíkov tak, aby zodpovedali tejto šírke, ale ako zistím veľkosť 1 stĺpca (v px)?

odpovede:

chk toto: http://css-tricks.com/box-sizing/

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

Je to rok 2014 a width: 100%; teraz pracuje s textareas v súčasných verziách prehliadača Chrome, Firefox, IE, Opera a Safari.