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">
|