Kalle_B: Grafiken relativ zu DIV-Container positionieren

Beitrag lesen

Hi,

innerhalb des div Containers sind die Bilder mit CSS absolut zu positionieren:

  
img {position:absolute}  

Bedingung ist, dass der Container selbst absolut oder relativ positioniert ist.

Ausgehend vom Mittelpunkt des DIV-Containers

  
img {top:50%; left:50%}  

soll die erste Grafik 20 Pixel links davon positioniert werden.

margin-left:-20px

Die zweite Grafik soll 20 Pixel rechts davon positioniert werden.

margin-left:20px

Demnach sollen die Grafiken also einen Abstand von 40 Pixeln haben.

Nein, sie überlappen sich, weil Grafik 1 100px breit ist und Grafik 2 40px von ihrem linken Rand beginnt.

Des weiteren soll die zweite Grafik um die hälfte ihrer Höhe (50 Pixel) weiter unten stehen als die erste Grafik.

margin-top:50px

Kalle