Der Martin: Grafiken zu Container ausrichten

Beitrag lesen

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

--
Treffen sich zwei Holzwürmer im Käse: "Na, auch Probleme mit den Zähnen?"
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(