✔ Padding+ Background Image

[Jan-Frederik Stieler]

Hi,
mal ne doofe Frage aber warum wird das padding hier nicht auf background angewand?

ul li.einseins {
         padding-left:55px;
         background: url(../pics/punktnichtanimation.gif); background-repeat:no-repeat; display:block; width:83px;
         	}

Gruß

 

[Gumbo]

Welchen Browser benutzt du? Denn der Internet Explorer interpretiert das CSS-Box-Modell anders als das W3C.

 

[Jan-Frederik Stieler]

Ne das muß an was anderem liegen den der FF machts auch falsch. An das Boxmodellproblem hab ich auch gedacht, das ist zur Zeit immer das erste woran ich denke wenn was schief läuft .

 

[Gumbo]

Was genau wird denn falsch dargestellt oder wir macht sich die Falschdarstellung bemerktbar?

 

[Jan-Frederik Stieler]

Das padding wird überhaupt nicht berücksichtigt.

 

[Gumbo]

Besitzt du vielleicht die Web-Developer-Erweiterung? Denn damit lassen sich die tatsächlich angewandten Regeln eines Elements ermitteln.

 

[Jan-Frederik Stieler]

hab Sie mir installiert. und welches der 100 000 Tools muß ich nun verwenden?

 

[Maik]

Vielleicht meinst du background-position:55px 0?

Denn die padding -Eigenschaft lässt sich nicht auf die Hintergrundgrafik, sondern lediglich auf den Element-Inhalt anwenden.

 

[Gumbo]

Denn die padding -Eigenschaft lässt sich nicht auf die Hintergrundgrafik, sondern lediglich auf den Element-Inhalt anwenden.

Das ist mir neu.

Beim Box-Modell bezieht sich der „Hintergrund“ auf den Hintergrund der Inhalts- und Polsterbereiche (padding).

Bei deinem Problem kann ich dir jedoch derzeit nicht weiterhelfen, DirtyWorld. Gewähr uns doch bitte einen tieferen Einblick in den Quellcode. Vielleicht wird genannte Eigenschaft durch eine spätere Regel überschrieben.

 

[Maik]

@ Gumbo: ich meine damit, daß sich der Hintergrund / die Hintergrundgrafik durch padding-left nicht einrücken, verschieben bzw. positionieren lässt, so wie es mit background-position möglich ist.