Bonjour,

J'ai un probleme trés étrange en css:
J'ai un bloc et je veux le centrer (et la taille doit être automatique par rapport au texte).
Donc je le centre avec margin-right et left auto, ca centre bien sauf que la taille du bloc est de 0 (en gros, on voit pas le fond blanc et si je met une bordure, ca met un gros trait noir au dessus du texte).

Aprés, j'ai essayé avec position: absolute;
Cette fois ci, taille bien automatique par rapport au texte mais impossible de centrer avec right et left auto (ni avec les margins d'ailleurs).

Enfin vraiment étrange, vous avez une petite idée d'ou ca pourrait venir ? (et ya besoin que je montre le code ? )

Pour centrer un élément avec des margin:0 auto;, ton bloc doit obligatoirement avoir une largeur prédéfinie, met-lui un "width"

Ou un display: table; pour qu'il s'adapte au texte.

Alors,

malcom95: Oui, mais là c'est le texte qui s'adaptera au conteneur et pas l'inverse
vava740: Ça pourrait, mais c'est très bourrin de donner un comportement de tableau à un élément qui ne se comportera pas comme tel

Le mieux reste de mettre l'élément en display: inline-block; et d'appliquer un text-align: center; à son parent. Il se comportera en inline (donc sera centré et s'adaptera à son contenu), tout en permettant de garder les spécificités d'un élément block (compatibilité aux margin, padding, etc.)

malcom95, j'avait déjà mit une taille

vava740
Posté le 29 mai 2013 à 11:03:31
Ou un display: table; pour qu'il s'adapte au texte.

merci ca marche

warpShadow

probleme avec un text-align: center; le tete aussi sera centré, et ca donne un resultat vraiment moche

texte*

non carton t'annule le text-align sur la balise même et c'est régler.

cuneytcakir

oué, j'y avait pas pensé, merci