Der Martin: Padding macht das Div Breiter

Beitrag lesen

Hallo,

<div style="width:100%;padding:3px;border:solid 1px;">
Text über einige Zeilen
</div>
Das läuft, aber nun ist das Div (von dem was man im Browser sieht) größer und es passt nicht mehr mit anderen Elementen.

ja, weil width leider nicht die Gesamtbreite des Elements angibt, sondern die Breite seines Inhalts. Die Gesamtbreite ergibt sich, indem man padding, border und margin noch dazuzählt. In deinem Fall ergibt sich also eine Gesamtbreite von (100% + 8px).

Ist es irgendwie Möglich, die maximale Gesamtbreite (der Ausgabe) zu definieren?

Ja - gib einfach keine Breite an. Blockelemente nehmen aufgrund der Voreinstellung sowieso die gesamte verfügbare Breite ein.

Ciao,
 Martin

--
Die letzten Worte des Fallschirmspringers:
ELENDE SCHEISSMOTTEN!!
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(