Mehrere Hintergrundgrafiken

[Caledor]

Moin,

bin ganz neu hier und hab gleich eine Frage an euch...
ich würde gerne wissen, ob es möglich ist mit css 2 Hintergrundbilder auf eine Seite zu setzen. Ich würde gerne ein Bild für oben haben und eines was die Seite unten abschliesst Also quasi so ähnlich:

 background-image:url(background1.gif); background-repeat:no-repeat;
 background-position:top;

 background-image:url(background2.gif); background-repeat:no-repeat;
 background-position:bottom;

nur zeigt er hier ja leider nur eins der bilder an, und nicht beide.

Kann mir da jmd weiterhelfen?

Gruß
Cal

 

[Maik]

In diesem Fall wird für jedes Hintergrundbild ein eigenes Element (z.B. DIV) benötigt.

Ich schieb den Thread mal ins CSS-Board.

 

[Dennis Wronka]

Wenn ich mich nicht irre kann man einem Element nur ein Hintergrundbild geben.
Du koenntest aber entweder die beiden Bilder zusammenfuegen oder aber 2 DIVs nebeneinander setzen die dann jeweils ein Hintergrundbild haben.

 

[Gumbo]

Bisher ist es nur möglich einem Element genau eine Hintergrundgrafik zuzuweisen. Mit dem CSS3-Modul „Backgrounds and Borders“ werden aber auch mehrere Hintergrundgrafiken möglich sein. Safari unterstützt dies bereits.
Bis dies jedoch ausreichend unterstützt wird, wirst du aber den Umweg über zusätzliche Elemente gehen müssen.

 

[Caledor]

hui, danke für die schnelle Antwort.

also ich würde hallt gerne eine Seite die quasi von den 2 Grafiken eingeramt wird (oben und unten) haben. Sie soll beliebig dehnbar sein (senkrecht) so dass ich die Grafik nicht zusammenfügen kann.
Also wie es so aussieht ist das ohne Tabellen nicht realisierbar oder?

Cal

 

[Gumbo]

Das Prinzip wurde doch bereits genannt: Jede Hintergrundgrafik bekommt ein eigenes Element. Also etwa:

#background-a {
	background: transparent url(background-1) no-repeat 0 0;
}
#background-b {
	background: transparent url(background-2) no-repeat 100% 100%;
}

<div id="background-a"><div id="background-b">
	…
</div></div>

Damit ist der Hintergrund A oben links, Hintergrund B unten rechts angeordnet.

 

[Caledor]

kk... das problem ist ich versuch das bei myspace einzubinden, und dort hat man leider keine möglichkeit das div ans ende des codes zu setzen