Martin Fischbach: Absolut mittige Positionierung

Beitrag lesen

Hallo Leute,

ich möchte (ohne den Einsatz von Tabellen) ein Block-Element (800x600) so positionieren, daß es zu allen Seiten den gleichen Abstand hat!

Die horizontale mittige Ausrichtung klappt mittels

<!-- workaround für IE -->
<div style="text-align:center; vertical-align:middle;">

<!-- bitte nicht an position:relative stören -->
  <div style="margin-left:auto; margin-right: auto; margin-top: auto; margin-bottom: auto; position: relative; width:800px; height: 600px; border:1px solid #FF0000;">

<img src="asdf" alt="" />

</div>

</div>

  • vertical-align bringt aber nichts
  • genausowenig auto für margin-top und -bottom
  • auch position:absolute; left:50%; right:50%; top:50%; bottom:50%; bringt nicht

Welche Lösungen gibt es also, um die vertikale mittige Ausrichtung zu erzwingen!

Danke im voraus

Martin