Positionierung von zwei Bildern im Body via css

[BartArt]

Hallo, ich arbeite gerade an einem neuen Joomla-Template für meine Seite und möchte jetzt am linken Seintenrand ein vertikales Bild anzeigen lassen und das Gleiche auf der rechten Seite.
Das linke Bild ist kein Problem.

Ich habe in der .css Datei den Tag body noch einmal eingebaut, allerdings mit dem anderen Bild, um dort dann die Position auf right zu stellen. Was aber auch nicht funktioniert... :-(

Beispiel:

body {
 background-image: url(../images/hg01.jpg);
 background-repeat:no-repeat;
 background-position:left top;
}
body {
 background-image: url(../images/hg02.jpg);
 background-repeat:no-repeat;
 background-position:right top;
}

Welche Möglichkeiten habe ich dafür?

Die Formatierung wird aus einer ext. Datei gelesen.

Vielen Dank

[MudGuard]

Hi,

Hallo, ich arbeite gerade an einem neuen Joomla-Template für meine Seite und möchte jetzt am linken Seintenrand ein vertikales Bild anzeigen lassen und das Gleiche auf der rechten Seite.
Das linke Bild ist kein Problem.

Ich habe in der .css Datei den Tag body noch einmal eingebaut, allerdings mit dem anderen Bild, um dort dann die Position auf right zu stellen. Was aber auch nicht funktioniert... :-(

In CSS 2.1 (und älter) gilt: maximal 1 Hintergrundbild pro Element.
Man könnte zwar mit :before oder :after arbeiten, aber dazu ist der IE ja zu blöd.
Bleibt noch die Möglichkeit, das 2. Hintergrundbild einem anderen Element zuzuordnen.
html bietet sich an, denn wo ein body ist, ist auch ein html.

cu,
Andreas

[BartArt]

Hi
Das werde ich auch wohl so machen müssen.
Danke für Deine schnelle Antwort.

Schönen Abend noch.

BarArt