[ résolu ] Pb avec span et width sous Firefox

Bonjour,

tout d'abord voici mon code :

<tr>
	<td>Montant total</td>
	<td><span id="Total" style="width:140px; color:red; font-weight:strong; padding:1px; border:red solid 1px; text-align:right;">0.00</span> €</td>
</tr>

La taille que j'attribue à mon span ne fonctionne pas sous Firefox . Je tient à préciser que c'est pour un intranet donc je ne développe que pour Firefox.

Ca fonctionne si je rajoute display:block; dans le style et là, mon problème, c'est que mon "€" passe à la ligne.

Comment est-ce que je pourrais faire pour que mon span fasse 140 px de long avec le signe "€" à côté ?
Modifié par blman (21 Sep 2006 - 15:54)

En première page de ce forum, ça ressemble à ton soucis

Vikchill a écrit :
En première page de ce forum, ça ressemble à ton soucis

Exact.

Pour rappel :

tuto a écrit :
Les éléments en-ligne se distinguent eux-même en deux parties : les éléments "remplacés" et les éléments "non-remplacés".

Les éléments "remplacés" sont les seuls qui possèdent des dimensions (height, width) par défaut. Il s'agit des éléments <img>, <input>, <textarea>, <select> et <object>.

Tous les autres éléments en-ligne ("non-remplacés") n'ont pas de dimension à proprement parler (il n'occupent que la place minimum nécessaire à leur contenu). C'est le cas des éléments <strong>, <em>, <span>, etc.

Modifié par Raphael (21 Sep 2006 - 15:20)

En fait, j'ai rajouté dans mon code display:block; float:left;
Et ça fonctionne parfaitement.

A votre avis, c'est de la bidouille ou ça parait logique ?

blman a écrit :
A votre avis, c'est de la bidouille ou ça parait logique ?

C'est assez logique à condition que tu prennes en compte les modifications que ce schéma de positionnement (float est assez particulier) implique.

Par contre le display block est inutile car float confère automatiquement le display block à l'élément concerné.

Merci beaucoup pour votre aide