Centrer un site verticalement en CSS quelque soit le navigateur

Posted on jeudi 19 juillet 2007 by Stéphane Leprince


Coup de chaud avec la feuille de style du nouveau site de l'ADEA que nous construisons avec Adrien.
Je partage le bout de code trouvé ici avec vous, ça pourra vous être d'une gande utilité si vous avez à travailler avec ce genre de contrainte, lorsque vous souhaitez que votre site soit visible aussi bien sous IE, que sous Firefox et les autres, et qu'à la fois, votre site soit consultable en 800x600 et plus...

Voilà le code à intégrer dans votre feuille de style:

body{
text-align: center; /* Pour centrer avec IE*/
}

#conteneur{
margin-left: auto; /* Pour centrer avec Firefox & co */
margin-right: auto;

text-align: left; /*Pour remettre le texte aligné à gauche */
width: 100%; /* Tout à fait ce que l'on veut ici... */

}

Le style "conteneur" correspond au style appliqué au bloc

contenant l'ensemble des autres blocs de la page.
Bref, c'est article sera compris par les webmasters, pour les autres désolés pour cet article en chinois!

1 commentaires:

Anonyme says:

Jeune homme,

ça le centre horizontalement mais pas verticalement...