[ERLEDIGT] Kind-Elemente zentrieren

[CSSteff]

Hallo,
ich habe lange im Internet gesucht, aber die Lösungen funktionieren bei mir alle nicht.
Ich würde gerne Kind-Elemente eines divs zentrieren.
Leider funktioniert dieser Code nicht.

<div style="margin: 0 auto; position: relative; width: 100%;">
      <img style="z-index: 2; position: absolute; width:1120; height: 840; z-index:1; margin: 0 auto;" id="target" src="transparent.png" alt="Lektorat im Team" usemap="#Lektorat_im_Team">
      ...
</div>

Der schwarze Rahmen sollte zentriert und genau über dem Hintergrundbild überlagert werden, d. h., der obere Abstand sollte auch raus:

http://home.arcor.de/steff-d/

Weiß jemand weiter?

Danke im Voraus!

L. G.,
CSSteff

 

[thecain]

https://developer.mozilla.org/de/docs/Web/CSS/position

Du solltest dich damit auseinandersetzen warum du position:absolute und position:relative schreibst, und was dies für folgen hat.

 

[CSSteff]

Ich habe nun eine Lösung gefunden, danke.

http://www.sitepoint.com/css-center-position-absolute-div/

 

[Tronjer]

Ich habe nun eine Lösung gefunden, danke.

http://www.sitepoint.com/css-center-position-absolute-div/

Du suchst nicht nach Lösungen, sondern nach dem Weg des geringsten Lernaufwands. Das Attribut position ist überflüssig, um das Bild im Div zu zentrieren.