Gestion de la taille "width" chez Firefox

Bonjour à tous,
Dans un formulaire j'ai mis des "RequiredFieldValidator" (asp.net) des contrôles qui apparaissent si les champ sur lesquels ils sont mappés sont vides lors de la validation. La page globale est visible sur http://www.artsgraphics.fr/ajout_newsletter.aspx

Code:

1
2
3
4
5
6
7
8
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" 
                                                            runat="server" 
                                                            ControlToValidate="TextBox1"
                                                            CssClass="TexteDivCentreValidateur" 
                                                            ErrorMessage="RegularExpressionValidator"
                                                            ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                                                            Width="240px">Format de l'adresse invalide !
                            </asp:RegularExpressionValidator>

J'ai donné une largeur, 240 px. Voici le css associé :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
.TexteDivCentreValidateur
{
	font-family : Century Gothic,"Times New Roman", Times, serif;
	font-size : 11px;
	text-align:center;
	height: min-height;
    padding-left: 5px;
    padding-right: 5px;
    border: 2px solid #1A1A1A;
    margin-top:3px;
    margin-bottom:3px;
	}

Sous IE la largeur fonctionne bien... Sous FF il réduit à la taille du texte, malgré l'instruction explicite de largeur :(. Voici le code que Firebug me donne, la taille apparaît bien pourtant :

Code:

1
2
 
<span style="color: Red; width: 240px; visibility: visible;" class="TexteDivCentreValidateur" id="m_Content1_RequiredFieldValidator1">adresse mail requise !</span>

Je ne comprends pas pourquoi ce cas se présente.

Merci de votre aide !!!

Nixar

Un span est de type inline par défaut et n'accepte donc pas la propriété width ou height. Si tu veux lui attribuer un width, tu peux lui attribuer un type block (avec les conséquences qui vont avec...):

Code:

display:block;

A noter que FF2 n'implémente pas encore le display:inlin-block

Merci pour cette réponse rapide et qui fonctionne parfaitement...

Merci beaucoup :D

Nixar