img vertical positionierung im div

dope_dope

HI Leutz,

mal wieder die leidige Frage, aber vielleicht hat ja inzwischen jemand eine Antowrt...

<div style="width: 175px; height: 200px; text-align: center;">
   <img src="bla.jpg">   <!-- Das hier soll in der Mitte sein -->
</div>

Also wie bekomme ich es hin, dass das Bild vertical unabhängig von seiner Größe in der Mitte des divs ist????

thx, MFG

SideWinder

vertical-align:middle

MfG SideWinder

dope_dope

SideWinder schrieb:

vertical-align:middle

Wenn ichs ins img reinschriebe, rückt er es mir ca. 1pixel weiter nach unten, aber das ist ja nicht di mitte.
und im div passiert gar nichts

Herrmann

@SideWinder,
laut CSS-Standard ist dein Vorschlag richtig...nur wird vertical-align nur in Tabellen auf unterstützt. In divs klappt es weder unter Mozilla noch im InternetExplorer. Ich musste bisher immer den "unschönen" Weg über Tabellen gehen.

<div style...>
  <table>
    <tr>
      <td style="vertical-align:middle;">
        <img...>
      </td>
    </tr>
  </table>
</div>

Wenn jemand eine besser Alternative parat hat, würde mich diese wirklich sehr interessieren.

SideWinder

margin-top: auto; margin-bottom: auto;

Soll bei vielen Angelegenheiten helfen.

MfG SideWinder