CSS: 2 bg-images im body?

[Thomas H.]

Hallo!

Ist es möglich im body 2 Bilder anzuzeigen mit repeat-y und unterschiedlichen background-position-angaben?

Danke
Thomas

[Socrates]

Abend!
Warum nimmst du nicht einfach zwei große divs? Erstes meinetwegen mit 20% und zweites mit 80% width und legst darin dann den jweeiligen hintergrund fest. Wozu brauchst du denn das. Oder wie soll das ganze aufgebaut sein. in welchem bereich soll ein anderer hintergrund sein? Oder sollen sich die beiden überlagern? Nur so viel im gleichen tag kann man keine zwei bilder als Hintergrund definieren!
MfG, Andy

[z0iD]

Gib einfach dem body-Element eines der beiden Bilder mit den zugehörigen Angaben und setz in jenen body noch ein <div id="some-id"></div> hinein, wobei Du die ID some-id eventuell sinnvoller benennen solltest, mir fiel nur grad nix besseres ein.

Mit
#some-id {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Bildeinstellungen */
}
sollte (nicht getestet) das ganze den gewünschten Effekt haben.

[Thomas H.]

Klingt wunderschön einfach, funktioniert leider aber nicht ganz:
1. man muss den Seiteninhalt in einen container legen mit z-index und den bg in einen z-index
2. Der ganze Bildschirm ist ausgefüllt, aber sobald man scrolld sieht man das unten kein bg is :-(

Hat jemand noch ne Idee?

[z0iD]

Dann mach das Teil halt position:fixed; und lass den Hintergrund scrollen.
Und den Seiteninhalt in ein extra DIV packen sollte kein Problem sein, oder?

[Thomas H.]

Nö, das is kein Problem, aber der Hintergrund sollte mitscrollen.

Im Hintergrund ist so ein sich wiederholendes Muster drinnen, das heißt man merkt es wenn sich der Hintergrund nicht mitbewegt....

[z0iD]

In beiden?

Wieso willst Du überhaupt zwei Hintergrundbilder haben? Kannst Du das nicht in ein Bild zusammenfassen?

[Thomas H.]

Nö, eins der Bilder läuft linksbündig hinter der navi & eins rechtsbündig.

[z0iD]

Ja, aber wenn beide mitscrollen, sich also die Positionen der beiden nicht ändern, kannst Du sie doch in einem Bild zusammenfassen oder?

[Thomas H.]

Nö, eins ist linksbündig & eins rechtsbündig
=>das eine ist immer ganz links
=>das andere ist immer ganz rechts (egal, ob der Bildschirm 800x600, 1024x768 oder was auch immer is....)

[z0iD]

Aha, jetzt verstehe ich das Dilemma.

Steck doch einfach alles was jetzt im BODY steckt in ein DIV. Jenem DIV kannst Du dann das eine Bild zuweisen und dem BODY das andere. Wenn Du nicht irgendwelche festen Positionierungen benutzt sollte jenes DIV die gleichen Ausmaße haben wie BODY (merke: padding: 0; margin: 0;). Mehr fällt mir dazu momentan nicht ein.
Vielleicht solltest Du beim DIV noch sagen: min-height: 100%;