Bilder überlagern aber positionsangabe von der mitte weg

[lausbub]

Hallo ich möchte mehrere Bilder überlagern, jedoch möchte ich nicht die positionsangabe von links oben aus angeben, sondern von der mitte oben.
also von der mitte 300px nach links.

Hoffe ich habe es vertändlich erklärt.

bisher hab ich es eben von links oben, aber da das theme auf center ausgerichtet ist und bildschirme unterschiedliche größen haben verändert sich der rand der nicht genutzt wird. würde ja eventuell die positionen der Bilder außerhalb des themes angezeigt werden.

im moment ist das mein code

Wäre super wenn mir jemand weiter helfen würde, ich komm auf keine Lösung!

<div style="position:absolute; top:100px; left:100px; z-index:2; border:1px solid #666; background:#f66;">
  <b>A:2</b><img src="hund.gif" width="200" height="180" alt="Hunde">
</div>

<div style="position:absolute; top:130px; left:130px; z-index:1; border:1px solid #888; background:#88f;">
  <b>B:1</b><img src="katze.gif" width="200" height="180" alt="Katzen">
</div>

<div style="position:absolute; top:190px; left:260px; width:270px; height:270px; z-index:3;
            border:1px solid #666; background:#eee;">
  <b>C:3</b>

  <div style="position:absolute; top:30px; left:-30px; z-index:2; border:1px solid #888; background:#8f8;">
    <b>D:2</b><img src="pferd.gif" width="200" height="180" alt="Pferde">
  </div>

  <div style="position:absolute; top:-30px; left:40px; z-index:3; border:1px solid #666; background:#ff8;">
    <b>E:3</b><img src="hase.gif" width="200" height="180" alt="Hasen">
  </div>

  <div style="position:absolute; top:60px; left:-60px; z-index:-1; border:1px solid #888; background:#8ff;">
    <b>F:-1</b><img src="schwein.gif" width="200" height="180" alt="Schweine">
  </div>
</div>

 

[dkdenz]

Es gibt analog zu absolute auch noch die Eigenschaft relative...

 

[anna55]

Schau mal hier: Cascading Style Sheets { Zentrieren eines Block-Level-Elements : Beispiel 4b }
Erläuterung: Cascading Style Sheets { Tutorials : Zentrieren eines Block-Level-Elements }

 

[lausbub]

Danke euch für die super schnelle Antworten.

Werd mich gleich mal durcharbeiten.

Besten Dank

gruß
Thorsten