Largeur des boîtes [Résolu]

[jadey]

Hello les gens,
J'essaie d'avoir du texte avec une bordure de largeur exactement proportionnelle à la taille du dit texte. Pour ce faire je crois que la valeur de l'attribut width doit être exprimée en em.
J'ai essayé ça:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#errorMessage{
	width: 1em;
	max-width: 100%;
	color:red;
	font-weight: bold;
	font-size: 8pt;
	text-align: center;	
	background-color: #ffccff;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-style: solid;
	padding: 4px;
}

mais la boîte a quand même une taille fixe.
Merci pour toutes vos contributions.

[Bisûnûrs]

Je n'ai pas vraiment compris (en fait je n'ai pas compris du tout) quel comportement tu souhaites avoir .. Tu pourrais faire un schéma peut-être pour mieux l'expliquer ? Dire quel comportement tu obtiens ? Quel comportement tu veux ? Mettre une page en ligne de ton problème ?

[jadey]

Bien sûr, voici ce que je veux (simulé avec width: 99em; ) :

Voici ce que j'obtiens:

[Bisûnûrs]

Tu peux passer ton élément en display:inline (ou inline-block) et supprimer le width.

[jadey]

inline-block n'existe pas chez moi, je ne trouve que inline-table, mais inline tout court produit exactement l'effet voulu. T'es un chef merci.