Aligner une div au centre de la page alors que sa position est absolue ?

Question

Comment puis-je align a DIV au centre de ma page alors que son position es absolute ? Si possible sans en utilisant le javascript.

Answer 1

Voici une méthode simple utilisant des pourcentages :

div {
    width: 80%;
    position: absolute;
    left: 10%;
}

Il suffit de définir la largeur de page souhaitée et de fixer la marge gauche à la moitié de la marge restante. Dans ce cas, la width est de 80 %, ce qui laisse 20 %. Ensemble left: à 10 % et la div sera centrée sur la page.

L'utilisation de cette méthode permettra à la div de s'adapter à différentes tailles de fenêtres et résolutions d'écran.