Hintergrundbild negativer Wert

[Gunnar Bittersmann]

@@Blockwart:

nuqneH

Hallo liebe Forengemeinde,

heute mal eine Frage zu CSS.
Gegeben ist ein DIV-Container mit einer Höhe von 100px und einer Breite von 100px.
Nun möchte ich ein Hintergrundbild angeben, welches um 50px über den linken Rand hinausragt.

Der Hintergrund einer Box ragt nicht über sie hinaus. „Beim Box-Modell bezieht sich der ‚Hintergrund‘ auf den Hintergrund der Inhalts- und Polsterbereiche (padding).“ [CSS2 §14.2]

Du möchtest der Box links 50 Pixel Padding geben:

#container {  
  width: 100px;  
  height: 100px;  
  margin: 0 auto;  
  padding: 0 0 0 50px;  
  background: url(images/layout/hintergrundbild.png) no-repeat;  
  overflow:visible;  
}

Qapla'