Centrer une image à taille non fixe (variable quoi)

Salut !
Je suis en train de faire un diaporama et je cherche à ce que les images soient centrées par rapport à un bloc. Avec des images fixes, j'avais trouvé une astuces qui marche fort bien :

#diap {
	margin: auto;
	width: 800px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -300px;
}

Le problème c'est que maintenant que c'est un diapo, la taille des images change !
Donc je ne peux pas définir une taille fixe pour margin-left et margin-top .

Y'a t'il une solution qui ne fait appel qu'au CSS pour centrer un objet de taille variable ? Sinon je le fais en Java Script mais ça m'embête !

Merki
Modifié par Angy (30 May 2009 - 15:26)

Salut,

Je ne connais pas ton contexte mais laisser les images inline et un text-align; center sur leur conteneur?

ghost a écrit :
Salut,

Je ne connais pas ton contexte mais laisser les images inline et un text-align; center sur leur conteneur?

Tout à fait.
Et pour centrer un groupe d'image, penser à display: inline-block

Sinon, s'il s'agit de faire un conteneur de dimensions fixes et d'y centrer des éléments de taille variable horizontalement et verticalement, on peut utiliser un bloc en display:table-cell, du text-align:center et du vertical-align:middle.

Voir notamment (en simplifiant): http://covertprestige.info/test/39-centrage-bloc-vertical-horizontal.html