Centrer un élément

Magazine
Marque
Linux Pratique
HS n°
Numéro
19
Mois de parution
novembre 2010
Domaines


Résumé
Plusieurs méthodes permettent de centrer un élément ; elles dépendent non seulement de la nature de l'élément concerné (bloc ou en ligne), mais aussi du navigateur employé par vos visiteurs, qui n'interprète pas toujours les propriétés CSS de la même manière...

1. Centrage horizontal

1.1 Centrer un conteneur

Il suffit de définir une largeur précise pour le bloc, puis d'indiquer comme valeur des marges la mention auto. De cette manière, les marges latérales occuperont automatiquement l'espace disponible restant autour de votre bloc. Elles auront toutes deux la même largeur.

#bloc1 {

 width: 500px;

margin: auto;

 }

Cette méthode pourtant simple présente tout de même un inconvénient : les versions d'Internet Explorer antérieures à la version 6 ne comprennent pas cette syntaxe. Il y a donc une technique particulière à employer pour que le « centrage » fonctionne aussi sous les anciennes versions de IE. Nous allons profiter du fait que ce navigateur interprète mal la propriété text-align. En effet, cette dernière ne sert, en théorie, qu'à aligner du texte dans un conteneur ; Internet Explorer s'en sert...

Cet article est réservé aux abonnés. Il vous reste 90% à découvrir.
à partir de 21,65€ HT/mois/lecteur pour un accès 5 lecteurs à toute la plateforme
J'en profite


Articles qui pourraient vous intéresser...

Notes : commentez votre navigation sur le Web

Magazine
Marque
Linux Pratique
Numéro
121
Mois de parution
septembre 2020
Domaines
Résumé

Développée par Mozilla Firefox, Notes est une extension pour votre navigateur web qui va ajouter un panneau latéral dans ce dernier afin que vous puissiez y apporter vos annotations lors de vos explorations sur la Toile.