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...
- Accédez à tous les contenus de Connect en illimité
- Découvrez des listes de lecture et des contenus Premium
- Consultez les nouveaux articles en avant-première