Grafiken zu Container ausrichten

[mue]

Hallo,
ich versuche leider vergebens, ein paar Grafiken zu einem Container auszurichten.

Vielleicht kann mir ja jemand sagen, wie ich das am Besten lösen sollte:

<div id="Container">  
 <img id="Palme" src="Palme.png" />  
 <img id="Flasche" src= "Flasche.png" />  
 <img id="Boot" src= "Boot.png" />  
</div>

#Palme {  
	position:relative;  
	z-index:10;  
}  
  
#Flasche {  
	position:relative;  
	z-index:11;  
}	  
  
#Boot {  
	position: relative;  
	z-index:12;  
}

Das Problem ist einfach, dass der Container selbst keine absolute Positionierung hat und somit ich die Grafiken nicht absolut positionieren kann, diese in dem Container aber an einer bestimmten Position liegen müssen...

Danke schonmal

[Der Martin]

Hi,

ich versuche leider vergebens, ein paar Grafiken zu einem Container auszurichten.

<div id="Container">

<img id="Palme" src="Palme.png" />
<img id="Flasche" src= "Flasche.png" />
<img id="Boot" src= "Boot.png" />
</div>

  
Fehler: Das alt-Attribut für die img-Elemente fehlt (hat aber mit deinem Problem nichts zu tun).  
  

> ~~~css

#Palme {  

> 	position:relative;  
> 	z-index:10;  
> }  
>   
> #Flasche {  
> 	position:relative;  
> 	z-index:11;  
> }	  
>   
> #Boot {  
> 	position: relative;  
> 	z-index:12;  
> }

Das ergibt keinen Sinn: Du gibst position:relative an, machst aber keine Angaben zur Position. Also bleibt jedes der Elemente genau da, wo es sowieso ist.

Das Problem ist einfach, dass der Container selbst keine absolute Positionierung hat und somit ich die Grafiken nicht absolut positionieren kann, diese in dem Container aber an einer bestimmten Position liegen müssen...

Denkfehler. Der Container sollte position:relative bekommen (aber ohne Versatz), dann kannst du die Kindelemente auch in diesem Container mit position:absolute ausrichten. Was du mit dem z-Index anstellen willst, ist mir nicht klar.

Ciao,
 Martin

[mue]

Das ergibt keinen Sinn: Du gibst position:relative an, machst aber keine Angaben zur Position. Also bleibt jedes der Elemente genau da, wo es sowieso ist.

Das Problem ist einfach, dass der Container selbst keine absolute Positionierung hat und somit ich die Grafiken nicht absolut positionieren kann, diese in dem Container aber an einer bestimmten Position liegen müssen...

Denkfehler. Der Container sollte position:relative bekommen (aber ohne Versatz), dann kannst du die Kindelemente auch in diesem Container mit position:absolute ausrichten. Was du mit dem z-Index anstellen willst, ist mir nicht klar.

Ciao,
Martin

Danke, der Denkfehler war die Lösung :D

Ja der Z-Index ergibt hier wirklich keinen Sinn.
Danke schön!