CSS Utilisation de la position: absolue


Exemple

Travailler dans les anciens navigateurs (IE> = 8)

Les marges automatiques, associées à des valeurs nulles pour les décalages left et right ou top et bottom centreront les éléments positionnés de manière absolue dans leur parent.

Voir résultat

HTML

<div class="parent">
  <img class="center" src="http://lorempixel.com/400/200/" />
</div>

CSS

.parent {
  position: relative;
  height: 500px;
}

.center {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

Les éléments qui n'ont pas leur propre largeur et hauteur implicites, comme le font les images, auront besoin de ces valeurs définies.

Autres ressources: Centrage absolu en CSS