Maximalbreite mit eingerechnetem Padding etc. angeben

[Gunnar Bittersmann]

@@VerteX:

nuqneH

Es geht darum, dass ich einen Bereich habe (ein DIV-Block in diesem Fall), der maximal 800px breit sein soll, also auch mit padding etc. niemals die 800px überschreiten soll. Mein Ansatz war folgendes:
<div style="width: auto; max-width: 800px; padding:20px;">Text</div>
aber das klappt irgendwie nicht.

Klappt nicht?

Damals wurde mir dann gesagt, dass ich irgendwie das Boxmodel besonders ausnutzen

Boxmodell http://de.selfhtml.org/css/formate/box_modell.htm@title=besonders?

Die Ungleichung

'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' ≤ 800px

sollte sich doch lösen lassen.

Dass 'margin-left', 'border-left-width', 'border-right-width' und 'margin-right' 0 sind und 'padding-left' und 'padding-right' auch bekannt, vereinfacht die Sache ungemein.

und dadurch "austricksen" muss um das hinzubekommen.

Für den einen sind Addition und Subtraktion Tricks, für den anderen die längste Lapalie der Welt.

Qapla'