Div-breite hat Vorrang vor padding?

[VerteX]

Hi

Ich stand schon des öfteren vor diesem Problem, aber habe bis heute keine Lösung gefunden.

Ich habe ein div mit dem Breitenwert auto. Dazu möchte ich einen padding-Wert einstellen.
Wenn ich dies tue, verbreitert sich das div jedoch um den Wert, den ich bei padding eingestellt habe und das div schaut deshalb aus dem übergeordneten Container heraus.

Gibt es eine Möglichkeit einzustellen, dass die Breite beim Einstellen eines padding-Werts nicht mitwächst?

[apsel]

Om nah hoo pez nyeetz,

Wenn ich dies tue, verbreitert sich das div jedoch um den Wert, den ich bei padding eingestellt habe und das div schaut deshalb aus dem übergeordneten Container heraus.

Da padding zum Inhalt gehört und das Div sich der Breite des Inhalts anpasst, ist es genau das richtige Verhalten

Gibt es eine Möglichkeit einzustellen, dass die Breite beim Einstellen eines padding-Werts nicht mitwächst?

eine konkrete Breite angeben, kann auch ein Prozentwert sein.

Matthias

[VerteX]

eine konkrete Breite angeben, kann auch ein Prozentwert sein.

Auch wenn ich den Breitenwert auf 100% stelle, verbreitert sich das div, wenn ich einen padding-Wert einstelle.
Das übergeordnete div hat eine feste Breite.

[apsel]

Om nah hoo pez nyeetz,

es gibt auch min-width und max-width.

Matthias

[VerteX]

es gibt auch min-width und max-width.

Hätte nicht gedacht, dass es funktioniert, aber das tut es!

Mit folgenden CSS-Eigenschaften funktioniert es so, wie ich es will:

  
.breite_vor_padding {  
    width: auto;  
    max-width: 100%;  
  
    padding: 10px;  
}  

Auf die Idee wäre ich selber nicht gekommen, da ich dachte, max-width beziehe sich auch wieder nur auf die Breite des Inhalts.

Vielen Dank!

[apsel]

Om nah hoo pez nyeetz,

Siehe unbedingt auch Gunnars Posting und schau dir das Box-Modell an. Der Einwand von ChrisB lässt vielleicht auch auf ein großes Durcheinander schließen.

Matthias

[Marc]

Hallo,

es gibt auch min-width und max-width.

Hätte nicht gedacht, dass es funktioniert, aber das tut es!

Mit folgenden CSS-Eigenschaften funktioniert es so, wie ich es will:

Ist die Seite valide?

Viele Grüße,
Marc.

[Gunnar Bittersmann]

@@VerteX:

nuqneH

Ich stand schon des öfteren vor diesem Problem

Und hast noch nicht herausgefunden, dass 'width' die Breite des Inhaltsbereiches OHNE padding und border angibt?

↗ Box-Modell [CSS2 §8]

Qapla'

[ChrisB]

Hi,

Ich habe ein div mit dem Breitenwert auto. Dazu möchte ich einen padding-Wert einstellen.
Wenn ich dies tue, verbreitert sich das div jedoch um den Wert, den ich bei padding eingestellt habe und das div schaut deshalb aus dem übergeordneten Container heraus.

Das kann bei width:auto eigentlich nicht sein.

MfG ChrisB