Repeat-y - Hintergrundbild nur nach unten wiederholen lassen

*pi · #1 (**permalink**) 29.08.2008, 12:55

Hallo zusammen,

habe ein 1 Pixel hohes Hintergrundbild, welches ich über den Befehl repeat-y vertikal wiederholen lasse. Allerdings möchte ich, dass das 1 Pixel hohe Hintergrundbild erst bei 350 Pixel anfängt und dann nach unten wiederholt.

Hier der Ausschnitt aus dem CSS:

Code:

#page {
	width: 710px;
	height: 100%;
	text-align: left;
	margin: auto; /*Sorgt für die horizontal mittige Zentrierung*/
	background-image: url(../images/design/main_shadow_middle.gif);
	background-repeat: repeat-y;
	background-position: 0px 350px;
}

Mein Problem: Das 1 Pixel hohe Hintergrundbild wird jetzt sowohl nach unten, als auch nach oben vertikal gekachelt. Mir ist leider keine Möglichkeit bekannt, dem Hintergrundbild zu sagen, dass es sich nur vertikal nach unten wiederholen soll. Gibt es dafür eine Lösung? Eine Verschachtelung von DIV-Containern ist in diesem Fall leider nicht möglich.

Liebe Grüße *pi

P.S.:

Die mir bis jetzt einzig bekannte Alternative ist, ein sehr langes gif zu erstellen, welches die ersten 350 Pixel transparent ist und dann ohne vertikale Wiederholung zu arbeiten. Allerdings finde ich diese Methode irgendwie unsauber.

heiko_rs · #2 (**permalink**) 29.08.2008, 13:28

Du kannst tatsächlich nur den Startpunkt festlegen. Oberhalb desselben die Grafik ggf. mit einem anderen Element überdecken.

*pi · #3 (**permalink**) 29.08.2008, 13:42

Ja da bin ich inzwischen dabei. Danke für deine Bestätigung meiner Befürchnungen

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Inline Listenelement wird nicht richtig im background befüllt	SteveB	CSS	3	28.04.2011 20:41
Fehlendes(?) oder falsch positioniertes Hintergrundbild in IE6 und IE7	shredder01	CSS	4	28.11.2009 20:38
Darstellungsfehler - FF & IE7 vs. IE6	mk-gfx	CSS	2	29.10.2008 09:58
Hintergrundbild von einer bestimmten Position an wiederholen	clory	CSS	5	27.05.2006 16:14
Hintergrundbild nur in eine Richtung wiederholen	xm22	CSS	5	23.03.2006 08:34