Ik heb een textarea met een border en een padding.
Ik wil deze textarea precies evengroot hebben als de <div> waar-ie in zit.
Deze div is resizeable en wanneer deze <div>'s maat wordt aangepast wordt de textarea's maat ook aangepast.

Ik zit nu wel met het probleem: als ik de grootte van de div zonder border/padding ophaal en deze grootte toewijs aan de textarea, word de textarea groter dan de div. Dit komt omdat ie een padding en een border heeft. Hoe kan ik dus de outer-size veranderen van een div, ook wanneer de border, padding of margin van de textarea geen 0 is, zonder dat de textarea te groot/te klein wordt?

Ook als ik textarea style="width:100%;height:100%;" gebruik wordt de textarea te groot.
En als je het eens omwisselt: je geeft de div een padding en haalt de margin van de textarea weg?
Jezpur schreef op 19.04.2009 15:29
En als je het eens omwisselt: je geeft de div een padding en haalt de margin van de textarea weg?

de textarea heeft in dit geval geen margin, wel een padding. Maar ALS de textarea een margin heeft moet ie er wel rekening mee houden.

De <div> is een div zonder border, margin of padding en dat moet zo blijven. Er komt namelijk meer in dan een <div>.

Het is ff een voorbeeld tekst. Ik wil gewoon een manier weten om de outer-size van een element te kunnen instellen.
Ooh, volgens mij zie ik het nou. Een padding is een extra breedte op de breedte die je opgeeft. Je moet dus de padding van de textarea van de breedte van de div afhalen, en die breedte aan de textarea toekennen. Dan zijn ze even breed.
Jezpur schreef op 19.04.2009 15:40
Ooh, volgens mij zie ik het nou. Een padding is een extra breedte op de breedte die je opgeeft. Je moet dus de padding van de textarea van de breedte van de div afhalen, en die breedte aan de textarea toekennen. Dan zijn ze even breed.

En hoe kom ik achter de padding van een textarea?
Die geef je als het goed is zelf al op in je CSS.
Jezpur schreef op 19.04.2009 15:43
Die geef je als het goed is zelf al op in je CSS.

Klopt, maar wat nou als ik iets maak dat ook met andere CSS docs moet kunnen werken?
Niet iedereen wil zijn javascript afhankelijk hebben van een specifieke CSS regel.

document.getElementById("id-van-de-textarea").style.padding;


Daarmee moet je de padding op kunnen halen. Alert het eerst maar eens om te kijken wat hij teruggeeft.
Jezpur schreef op 19.04.2009 15:47

document.getElementById("id-van-de-textarea").style.padding;


Daarmee moet je de padding op kunnen halen. Alert het eerst maar eens om te kijken wat hij teruggeeft.

Dat werkt alleen als je de padding hebt veranderd met javascript.
<textarea> heeft toch geen width en height (->COLS & ROWS)

elementen van textarea

Van het TEXTAREA element worden de volgende attributen beschreven: ACCESSKEY, COLS, DISABLED, NAME, READONLY, ROWS, TABINDEX en WRAP.
Kasper schreef op 19.04.2009 16:01
<textarea> heeft toch geen width en height (->COLS & ROWS)

elementen van textarea

Van het TEXTAREA element worden de volgende attributen beschreven: ACCESSKEY, COLS, DISABLED, NAME, READONLY, ROWS, TABINDEX en WRAP.

Bedankt voor je nuttige bijdrage, maar nog steeds geen antwoord op mn vraag.

Reageren