background repeaten nach 10px top

[dosonaro]

hi,
ich möchte einen background vertikal repeaten. also repeat-y, der bg soll aber erst nach 10px top repeatet werden. ist das machbar?

 

[sokie]

AW: background repeaten nach 10px top

nein, das funktioniert so leider nicht. Eine Möglichkeit wäre allerdings das entsprechende Element per margin-top einfach entsprechend anzuordnen.

bei background: url(umg.png) 0 10px repeat-y;
würde der obere Rand zwar 10px unterhalb des Rands des Elements liegen, jedoch wären durch den repeat-y die unteren 10px der Hintergrundgrafik oben zu sehen.

 

[MyBad]

AW: background repeaten nach 10px top

Hi,

über Background fällt mir da grad kein Lösung ein. Aber du kannst ja ein ein Div mit 10px drüber legen.

Gruß
Tim

 

[proximate]

AW: background repeaten nach 10px top

Auf die Gefahr hin mich zu Irren sowas lässt sich doch simpel in einer CSS mit dem repeat befehl unterbringen?

 

[Designerist]

AW: background repeaten nach 10px top

@ sokie
Richtig, und von Browser zu Browser verschieben sich Layoutelemente entsprechend.
@myBad
Würde ich auch empfehlen, wird jedoch wieder schwierig, wenn der "container" über dem BG liegt und der BG über die ganze Screenbreite gehen soll ;-)
Bei jeder Variante sollten unbedingt alle gängigen Browser getestet werden.
Grüsse, Designerist

 

[MyBad]

AW: background repeaten nach 10px top

Naja, den div-Container kann man ja auf width: 100%; einstellen, dann geht der ja auch über die ganze Seite. Das sollte also funzen.

 

[dosonaro]

AW: background repeaten nach 10px top

#bg2 { background: url(images/bg2.png) repeat-y 0 10px}

aber der bg fängt nicht erst nach 10px an sondern direkt "ganz oben"

 

[crockerJ]

AW: background repeaten nach 10px top

Und wie wärs mit:
#bg2 {
background: url(images/bg2.png)repeat-y;
margin-top:10px;
}

 

[dosonaro]

AW: background repeaten nach 10px top

Und wie wärs mit:
#bg2 {
background: url(images/bg2.png)repeat-y;
margin-top:10px;
}

natürlich geht das nicht ...

 

[KaWie]

AW: background repeaten nach 10px top

*hust* background-position: Hintergrund positionieren: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[Herr_D]

AW: background repeaten nach 10px top

*hust* background-position: Hintergrund positionieren: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

*hust* und was nützt dir das? Wenn du repeaten (Scheißwort also wiederholen) läßt, wiederholt der auch nach oben. Der Background fängt halt nur 10px unter 0 an... sonst nix... (siehe Sokies Beitrag, der benutzt nur die Kurzversion der background-position:werte Variante. Das ist dir hoffentlich nur grad auf die Schnelle nicht aufgefallen oder? Wissen tust du das natürlich und zitierst nicht nur Quellen, die du nicht verstehst oder?)

Das bringt also nur was (siehe deine Beispielseite), wenn entweder gar nicht wiederholt wird oder das darüber liegende Element auch verschoben anfängt...



Nuhr...



@dosario im Prinzip kannst du den oberen Bereich nur verstecken (hinter einem positionierten div, fix oder absolut +z-index)

 

[KaWie]

AW: background repeaten nach 10px top

Ich = Doof.

Hätte auch drauf kommen können das er das Bild wiederholen will