Textarea zu groß

Hallo Leute,

ich habe ein DIV Element. Dieses Div Element hat links und rechts ein Padding von 10px (so das der Inhalt 10px Abstand zur Umrandung besitzt). In diesem Div Element ist ein Formular enthalten.

Nun wollte ich im Formular ein Textarea Element hinzufügen mit einer Breite von 100% und einem Rahmen von 4 Pixel und einem Padding von 10 Pixel. Dabei muste ich feststellen das mein Textarea Element breiter wird als mein DIV-Element. Wenn ich das Padding und den Rahmen auf 0 setze dann passt alles. Ich verwende HTML 5 hier sollte doch schon das Boxmodell berücksichtigt sein.

Was muss ich machen damit mein Textarea Element nicht zu groß wird?

box-sizing: border-box

Genial es geht :slight_smile:

Hat mich wieder 2 Stunden an Zeit gekostet vielen Dank