--
Informatique Grimaud, Cogolin, Saint Tropez, Sainte Maxime, vente, installation, depannage, formations, formation, sites internet
 

SARL DBC
La Fons Couverte
83310 Grimaud
04 94 56 83 66
06 11 10 66 24

email
 

 

CSS : Centrer un div en absolute dans la page

J'ai tellement cherché cette petite astuce sans rien trouvé sur le net que je pense qu'elle pourra aider d'autres...
Alors voila comment centrer un <div> en absolute dans une page...

Cela est très utile dans la programmation en PHP, en effet on peut très bien avoir besoin, par exemple, de couper un code avec une fonction die ou exit et mettre fin à des tests ou autres boucles. Le problème est que dans un site avec une charte graphique, la page se trouve toute démantelée...

Alors la solution est de mettre un div en bas de page, de mettre le code dedans et d'afficher le div en absolute là où on veut dans la page...

Alors voila comment afficher le div en absolute au centre de la page.

<style>
#cent {
position: absolute;
left: 50%;
margin-left: -200px;
top: 400px;

}
</style>

A mettre avant la balise </head>

Il faudra ajuster le -200px à votre site...

Puis le div en bas de page doit s'écrire ainsi :

<div id="cent" align="center">le contenu</div>

Une dernière chose, il faut un doc type en toute première ligne du source...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">