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. Dazu habe ich folgendes notiert:
#container {
width: 100px;
height: 100px;
margin: 0 auto;
padding: 0;
background: url(images/layout/hintergrundbild.png) no-repeat;
background-position:-50px;
overflow:visible;
}
Leider wird der Teil des Bildes, welcher über den linken Rand des Containers hinausragt (background-position:-50px), nicht angezeigt.
Ich vermute, dass overflow:visible hier der falsche Ansatz ist, da es sich ja aum ein Hintergrundbild handelt.
Gibt es für dieses Problem eine Lösung?
Viele herzliche Grüße
der Blockwart