K1: Zwei DIVS überinander

Hallo,

ich habe folgendes:

  
  <div align="center">  
            <img src="f1b.jpg" name="image_1" id="image_1"/>  
                <img src="f2b.jpg" name="image_2" id="image_2"/>  
                <img src="f3b.jpg" name="image_3" id="image_3"/>  
    <img src="f4b.jpg" name="image_4" id="image_4"/></div>  

und dann noch folgendes:

  
    <div align="center" id="t1">  
            <img src="rolladen/rol_gr/rol_gr1.png" name="image_5" id="image_5"/>  
                <img src="rolladen/rol_gr/rol_gr2.png" name="image_6" id="image_6"/>  
                <img src="rolladen/rol_gr/rol_gr3.png" name="image_7" id="image_7"/>  
    <img src="rolladen/rol_gr/rol_gr4.png" name="image_8" id="image_8"/></div>  

mein CSS für id=t1 sieht so aus:

  
#t1 {  
	z-index: 10;  

warum liegen die Bilder image_5 bis _8 NICHT über den anderen? Die hängen gerade einfach nur drunter. Ich dachte immer mit Z-Index kann ich das sagen, dass das DIV mit einem höhren Wert oben liegt oder?

  1. warum liegen die Bilder image_5 bis _8 NICHT über den anderen? Die hängen gerade einfach nur drunter. Ich dachte immer mit Z-Index kann ich das sagen, dass das DIV mit einem höhren Wert oben liegt oder?

    CSS funktioniert nicht nach Wunschvorstellung sondern nach Regeln.
    Die willst diese Seite nochmals repetieren.

    z-index bestimmt, welche nicht statisch positionierte Elemente in welchem layer liegen. z-index bestimmt aber nicht die position.
    Für dieses hast du die Eigenschaften position und top / left / right / bottom zu bemühen.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    1. Hallo Beat,

      vielen Dank für die schnelle Hilfe. Ich habe das jetzt mal so gemacht:

        
      #t1 {  
      	position:absolute; top:35px; left:540px; width:150px; height:150px;  
          z-index:1;  
      }  
      
      

      kann man denn mit CSS auch sagen, dass der das Bild was darin ist immer genau zentriert über das andere setzt oder muss ich da immer mit dem legt und top rum spielen?

      1. #t1 {
        position:absolute; top:35px; left:540px; width:150px; height:150px;
            z-index:1;
        }

        
        >   
        > kann man denn mit CSS auch sagen, dass der das Bild was darin ist immer genau zentriert über das andere setzt oder muss ich da immer mit dem legt und top rum spielen?  
          
        Ich gehe davon aus, dass de Bilder der zwei Ebenen identische Grösse haben.  
        Deine Aufgabe ist nicht zu zentrieren, sondern top left des oberen Levels auf top left des unteren Levels zu setzen.  
        Dazu brüchtest du aber dieses Makrkup.  
          
        <div id="level0" style="position:relative">  
          
          <div id="level1" style="position:absolute; top:0; left:0">  
          </div>  
          
        </div>  
          
        Die style-Angaben sind natürlich auszulagern.  
          
        mfg Beat
        
        -- 
        
        ><o(((°>           ><o(((°>  
        
           <°)))o><                     ><o(((°>o  
        Der Valigator leibt diese Fische
        
  2. Naja du hast 2 div´s nacheinander.
    Also zeigt er auch nacheinander an.
    Woher soll er wissen das die übereinnander sollen.
    Musst das in die css schreiben z.B. mit position:absolute; top left etc.
    Jedenfalls kenne ich das so.