Magazine Internet

Centrer un site verticalement en CSS quelque soit le navigateur

Publié le 19 juillet 2007 par 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!
Yooztic par Stéphane Leprince - Blog d'actus sur les TIC et leurs utilisations dans l'enseignement, l'éducation et la formation professionnelle

Retour à La Une de Logo Paperblog

A propos de l’auteur


Stéphane Leprince 37 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Magazine