Mehrere Backgroundbilder in einer DIV

[Aziris]

Hi erstmal :)
Ich wollte fragen ob es möglich ist mehrere Hintergrund bilder in einer DIV zu verwenden. Ich war schon im HTML forum hier unterwegs, doch efchen sagte mir, ich sollte keine veraltete Tabellen anordnung benutzen sondern mein Hintergrund zeugs gemache mit CSS programmieren. Ich bin nicht ein sonderlicher css freak, aber kleinere css dateien habe ich schon geschrieben.

Folgendes sei zu beachten:
Banner2 ist durchgängig UNTER allem anderen
Banner3, 4 und 5 müssen in der selben Div sein (würd ich sagen, anders wüsst ich es nicht.
Top Banner muss über Banner1 liegen.
Hauptbereich muss über Banner2 liegen

Wisst ihr wie ich das realisieren kann?

 

[prm]

Einem div kannst du nur einen Hintergrund zuweisen. Durch geschickte Verschachtelung sind deine Vorstellungen jedoch umsetzbar.
Folgende Reihenfolge müsste klappen:

<div id="banner2">
 
   <div id="banner1">
       <div id="topbanner">
       </div><!--Ende topbanner-->
   </div><!--Ende banner1-->
 
       <div id="banner3">
           <div id="banner4">
           </div><!--Ende banner4-->
       </div><!--Ende banner3-->
 
            <div id="hauptbereich">
            </div><!--Ende hauptbereich-->
 
                 <div id="schwarz">
                 </div><!--Ende schwarz-->
 
</div><!--Ende banner2-->

Die zentrierte Positionierung erreichst du jeweils mit der CSS-Angabe

margin: 0 auto;

 

[Aziris]

Einem div kannst du nur einen Hintergrund zuweisen. Durch geschickte Verschachtelung sind deine Vorstellungen jedoch umsetzbar.
Folgende Reihenfolge müsste klappen:

<div id="banner2">
 
   <div id="banner1">
       <div id="topbanner">
       </div><!--Ende topbanner-->
   </div><!--Ende banner1-->
 
       <div id="banner3">
           <div id="banner4">
           </div><!--Ende banner4-->
       </div><!--Ende banner3-->
 
            <div id="hauptbereich">
            </div><!--Ende hauptbereich-->
 
                 <div id="schwarz">
                 </div><!--Ende schwarz-->
 
</div><!--Ende banner2-->

Die zentrierte Positionierung erreichst du jeweils mit der CSS-Angabe

margin: 0 auto;

Ich bedanke mich recht herzlich! Ich bin gerade am weiterarbeiten =)