[ERLEDIGT] Div padding macht probleme

[ein Ivan ^-^]

Schon der zweite Beitrag heute
also: Ich habe einen Div erstellt, diesen auf 'position: relative;' und 'width: 80%;' gestellt!
dann noch das padding auf 2em doch wenn ich das dann im browser angucke wird der div nach rechts und unten 2 em breiter! was soll ich tun um das zu beheben?

 

[Dominic28]

Hey,
Wenn du bei so etwas öfters Probleme hast poste deinen Code bitte mit Hilfe von http://jsbin.com/ oder ähnlichen Seiten.
Dann kann man dir besser helfen.

Ansonsten gilt, dass width die Breite des Inhalts angibt und padding dazugehört.
Das könnte dir helfen: http://css-tricks.com/box-sizing/

 

[Space Vampire]

Padding wird immer auf die festgelegte Größe aufgerechnet. Wenn die 80% absolut unverhandelbar sind, mach ein unsichtbares Element in dein DIV und gib diesem stattdessen
margin: 2em;
Das kommt optisch aufs gleiche raus.