Bidouilleur

La solution la plus simple serait d’ utiliser les propriétés suivantes sur le conteneur pour simuler le comportement d’un tableau:

display:table-cell;
vertical-align:middle;

Seulement cette solution ne fonctionne pas sous Internet Explorer 6…

Voici donc une autre solution qui fonctionne sous IE6:
CSS :

#conteneur{
	height:400px;
	position:relative;
}
#bloc{	
	position:absolute;
	top:50%;
	height:200px;
	margin-top:-100px;  /*  margin-top négatif de la moitié de la propriété height  */
}

HTML :

<div id="conteneur">
      <div id="bloc">
		Mon contenu HTML.
       </div>
</div>

Seul inconvénient, il faut connaître la hauteur du bloc intérieur.

Twitter ce post