Peter Mairhofer: Bild vertikal zentrieren

Beitrag lesen

Hi,

Ich hab einen div-Container in dem ich ein Bild zentrieren möchte (möglichst horizontal als auch vertikal). Das Problem ist, dass der div floaten muss, weil er wiederum Teil eines parent-div's ist:

<div class="product_image"><br/>
<a href="#"><img src="" alt="Produktbild"></a>
</div>

.product_image
{
        border: 1px black solid;
        border-right: none;
        border-left: none;
        float: left;
        width: 250px;
        height: 280px;
}

Die üblichen Verdächtigen hab ich schon durchprobiert: text-align: center, vertical-align: middle in .product_image als auch Variationen von margin: auto im style des <img>-Objektes.

Da will sich einfach nichts bewegen :-(

Danke & lg.
Peter