Allineamento verticale immagine dentro div float

[ringo83]

Ciao a tutti ho un problema con l'allineamento orizzontale di un'immagine.
Ho una pagina con questi box:

<div style="float:left;width:785px;height:500px;"><img style='max-width:785px;max-height:500px;'/></div>
<div style="float:right;"></div>
<div style="clear:both;"></div>

E dovrei centrare verticalmente l'immagine che però ha dimensioni non note. Come faccio?

[mahamatt]

CSS:

.float_box{
	float:left;
	width:785px;
	height:500px;
	line-height:500px;
	text-align:center;
}

.float_box img{
	display:inline;
	vertical-align:middle;
	max-width:785px;
	max-height:500px;
}

HTML:

<div class="float_box">
	[img]immagine.jpg[/img]
</div>

Questo è il codice relativo solo al blocco flottante, perché gli altri due <div> sono irrilevanti agli effetti di quello che chiedi.

Il blocco deve avere altezza fissa.

La cosa fondamentale è che i valori di height e di line-height siano identici.

Inoltre, meglio se non usi stili inline!