immagine al centro verticale del div

[Prill]

non centrerai col posizionamento assoluto perché non conosci le dimensioni dell'immagine e quindi non sai su quanto impostare il margin-top (margin-top:-85px tiene come riferimento l'altezza del div e non dell'immagine, per cui non è un valore valido).

Esempio con il display:table, quelle verdi sono immagini http://jsfiddle.net/wekg56wn/

Ma se io semplicemente assegno alle immagini un vertical-align:middle e le metto l'una di seguito all'altra nello stesso div (o anche in div diversi che si seguono con display:inline) le immagini saranno centrate verticalmente l'una rispetto all'altro.
Il problema però si pone se le immagini hanno un'altezza superiore a 170px (perché sarebbero tagliate ma il loro allineamento sarebbe sempre in base alla loro altezza)

[rare]

così può andare ma impostando W e H all'IMG, immagine viene ridimensionata male
cioè:http://jsfiddle.net/wekg56wn/1/

quindi come dicevo mi occorre qualcosa che si adatti a qualsiasi dimensioni

[Prill]

Per l'immagine specificherai 170px per la larghezza e auto per l'altezza, io ho dato un'altezza solo perché per problemi di tempo non potevo creare tre immagini diverse e caricarle esternamente e richiamarle nel jsfiddle

[rare]

si ma cosi facendo il div prende le dimensioni dell'immagine.

a me servirebbe una cosa del genere(ovviamente è un solo div ripetuto con uno script PHP):
2z5pwk3.jpg

con tutte le immagini al centro verticale e orizzontale del div
come puoi vedere i singoli div hanno tutti le stesse dimensioni;

[Prill]

ma scusa perché non vuoi usare il display:table?

comunque, poiché le tue immagini hanno dimensioni diverse, poiché il div esterno ha un overflow:hidden, che te le taglierebbe se più alte di 170px (te le taglierebbe quindi sempre ove fossero più alte che larghe), dato che un allineamento centrato fatto coi css in ogni caso potrebbe saltare (anche col display:table in presenza di tagli),
a) ti converrà adottare uno script che te le ridimensioni proporzionalmente, non tenendo fissa la larghezza di 170px
b) oppure usi immagini (o miniature) di eguali dimensioni

[rare]

optato per l'opzione A ho fatto uno script che mi ridimensiona le img in proporzione...
le imgs sono nei loro rispettivi div ma comunque sono allineate verticalmente TOP.
cercando in rete, ho visto quel trucchetto della posizione assoluta ma:
a- non ho ben capito come utilizzarla a mio vantaggio
b- si può mettere codice php (<?php echo $height; ?>) nei css???

comunque grazie dell'aiuto

[rare]

correggimi se sbaglio: dovrei fare una cosa del genere:
http://jsfiddle.net/dqtemwj6/

però al posto di -85 vanno w/2 e h/2 dell'img, giusto???

[rare]

c'è qualcuno che mi da una mano...
Per favoreeeeeeeeeeeee

[Prill]

restando coi css, prova:

css:

#outer {
    border: 1px solid #FF0000;
}
.inner {
  display: inline-block;
  width: 170px;
  height: 170px;
  text-align: center;
  vertical-align: middle;
}
.inner img{
  vertical-align: middle;
  width: auto;
  height: auto;
  max-width: 170px;
  max-height: 170px;
}
.inner:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 170px;
  width: 0px;
}

html:

<div id="outer">
<div class="inner"><img src="immagine1.jpg" alt="" /></div>
<div class="inner"><img src="immagine2.jpg" alt="" /></div>
<div class="inner"><img src="immagine3.jpg" alt="" /></div>

[rare]

potrebbe andare ma così facendo distorce le img imponendo le dimensioni 170x170