[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > XHTML / CSS > Blocs centrés > Lecture des commentaires

Blocs centrés

Vous devez être inscrit pour pouvoir poster des messages

Page : 1

Pseudo

Commentaire

Page : 1

Anonyme

# Posté le 24/04/2008 à 02:23:17 - Ce membre n'a pas mis de note

Groupe :

Excellentissime. J'aurais bien mis plus que 20 mais yapa.

ratdelabo

# Posté le 26/04/2008 à 14:30:14 - Ce membre a mis la note : 16

Groupe : Membres

Euh, si le bloc est de largeur connue, un simple
Code : CSS

1
2
3

.block{
margin:auto;
}

suffit !
Il faut éviter l'abus de position absolue à toutes les sauces, c'est le meilleur moyen de compliquer la compatibilité des sites sous différents navigateurs.
Allez, au pire, un margin-left:auto; et et margin-right:auto; ca marche aussi

Le text-align:center est une dérive, car il ne fonctionne que sous IE, mais pas sous les navigateurs plus soucieux des normes de validation

C'est à ce moment qu'un auto sur les marges left et right paraît plus sémantiquement correct.
Je rajoute finalement qu'en combinant les propositions, vous pouvez proposer de centrer verticalement et horizontalement en restant des les termes requis de la validation xHtml.
Ce ne sont que mes propres points de vue.
Cordialement,

Meuble en Ligne, spécialiste du meuble haut de gamme

.iso

# Posté le 26/04/2008 à 22:55:22 - Ce membre n'a pas mis de note

142857*2=?

Groupe : Bannis

ratdelabo > Le margin:auto; n'est pas interprété par IE6.

----------
~ r2o en rénovation ~
----------

ratdelabo

# Posté le 02/05/2008 à 20:12:05 - Ce membre a mis la note : 16

Groupe : Membres

c'est pour cela que je remplace par margin-left:auto; et margin-right:auto;
Perso, je l'utilise pour mes sites et, je touche du bois, mais ils sont tous compatibles tous navigateurs, et en fluide...

Meuble en Ligne, spécialiste du meuble haut de gamme

.iso

# Posté le 02/05/2008 à 20:38:16 - Ce membre n'a pas mis de note

142857*2=?

Groupe : Bannis

Le margin-left:auto ou le margin-right:auto ne sont pas non plus interprétés par IE6.

----------
~ r2o en rénovation ~
----------

KorangaR

# Posté le 18/07/2008 à 14:11:16 - Ce membre a mis la note : 8

Groupe : Membres

Mais si qu'ils sont interprétés, à condition que tu mettes un doctype correct. C'est indiqué sur cette page : http://www.quirksmode.org/css/quirksmode.html

Krankkatze

# Posté le 09/08/2008 à 15:27:06 - Ce membre a mis la note : 5

Ob-la-di, Ob-la-da

Groupe : Membres

Hey, que je sache, 20 n'est guère la moitié de 60. Pour centrer horizontalement lorsqu'on connaît la largeur en %, il faut faire un margin-left: de la moitié du complément à 100 de la largeur. Donc pour 60, (100-60)/2 = 20. Pour 20, (100-10)/2 = 40.

Le Blog de l'Homme Moderne
Image utilisateur

Vous devez être inscrit pour pouvoir poster des messages

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

Blocs centrés