OVH Cloud OVH Cloud

asp:dropdownlist + mozilla firefox

3 réponses
Avatar
Millox Frédéric
Bonjour,

Dans ma page web, j'ai un dropdownlist défini avec une taille de 150 pixel
comme suit :

<asp:dropdownlist id="SourcesArti" runat="server" CssClass="form-text"
Width="150px"></asp:dropdownlist>

.form-text { font-family: Verdana, Arial,
Helvetica, sans-serif; font-size: 9px; color: #000000; }

puis côté serveur, je met :

With SourcesArti
.DataSource = MyDS.Tables("srce")
.DataTextField = "libl"
.DataValueField = "id"
End With
SourcesArti.DataBind()

Mon problème est que sous I.E., la dropdownlist fait la bonne taille ici 150
px par contre sous Mozilla FireFox, la dropdownlist fait la taille du plus
grand élément pouvant être affiché....... :(

Est ce que quelqu'un connait un moyen, par exemple, de bloquer la taille du
dropdownlist sous Mozilla FireFox car même si je ne met pas le code côté
serveur,
la dropdownlist ne fait pas toujours 150 px (plus proche de 10px plutôt que
150 px)alors que sous I.E. oui...............

Merci d'avance.

Frédéric.

--
fmillox

3 réponses

Avatar
Franck Quintana
Bonjour,

Si vous spécifiez la taille de vos éléments options vous réglerez votre
problème.

.form-text option {
width: 150px;
}

Si vous voulez faire en sorte qu'uniquement Mozilla prenne en charge ce
paramètre utilisez .form-text>option

Le > est une règle css qui spécifie qu'option doit obligatoirement être
un enfant direct de l'élément dont la classe est form-text. IE n'est pas
capable de lire cette syntaxe et elle sera évitée automatiquement par le
parseur (je n'ai pas testé avec IE7 par contre).
Je m'en sers généralement pour faire en sorte que les visualisations IE
et Firefox ne soient pas "trop" différentes.

Franck Quintana
Active+ Software
http://www.activeplus.com
Avatar
Paul Bacelar
Le code coté client est-il conforme aux spécifications HTML du W3C ?
--
Paul Bacelar
MVP VC++

"Millox Frédéric" wrote in message
news:
Bonjour,

Dans ma page web, j'ai un dropdownlist défini avec une taille de 150 pixel
comme suit :

<asp:dropdownlist id="SourcesArti" runat="server" CssClass="form-text"
Width="150px"></asp:dropdownlist>

.form-text { font-family: Verdana, Arial,
Helvetica, sans-serif; font-size: 9px; color: #000000; }

puis côté serveur, je met :

With SourcesArti
.DataSource = MyDS.Tables("srce")
.DataTextField = "libl"
.DataValueField = "id"
End With
SourcesArti.DataBind()

Mon problème est que sous I.E., la dropdownlist fait la bonne taille ici
150
px par contre sous Mozilla FireFox, la dropdownlist fait la taille du plus
grand élément pouvant être affiché....... :(

Est ce que quelqu'un connait un moyen, par exemple, de bloquer la taille
du
dropdownlist sous Mozilla FireFox car même si je ne met pas le code côté
serveur,
la dropdownlist ne fait pas toujours 150 px (plus proche de 10px plutôt
que
150 px)alors que sous I.E. oui...............

Merci d'avance.

Frédéric.

--
fmillox


Avatar
Millox Frédéric
Bonjour,

désolé pour la réponse tardive....

En fait, il faut mettre Width="150px" directement dans la classe form-text :)

Je ne mettais pas la taille dans la classe car cette classe était utilisée
ailleurs mais avec des tailles différentes....

Par contre, j'ai toujours ce problème de taille lorsque je clique sur le
menu déroulant du dropdownlist, effet visuel magnifique qui passe par dessus
les autres contrôles :( . Mais là, je laisse tomber.....

Merci quand même pour ta réponse.

A+

--
fmillox


"Paul Bacelar" a écrit :

Le code coté client est-il conforme aux spécifications HTML du W3C ?
--
Paul Bacelar
MVP VC++

"Millox Frédéric" wrote in message
news:
> Bonjour,
>
> Dans ma page web, j'ai un dropdownlist défini avec une taille de 150 pixel
> comme suit :
>
> <asp:dropdownlist id="SourcesArti" runat="server" CssClass="form-text"
> Width="150px"></asp:dropdownlist>
>
> .form-text { font-family: Verdana, Arial,
> Helvetica, sans-serif; font-size: 9px; color: #000000; }
>
> puis côté serveur, je met :
>
> With SourcesArti
> .DataSource = MyDS.Tables("srce")
> .DataTextField = "libl"
> .DataValueField = "id"
> End With
> SourcesArti.DataBind()
>
> Mon problème est que sous I.E., la dropdownlist fait la bonne taille ici
> 150
> px par contre sous Mozilla FireFox, la dropdownlist fait la taille du plus
> grand élément pouvant être affiché....... :(
>
> Est ce que quelqu'un connait un moyen, par exemple, de bloquer la taille
> du
> dropdownlist sous Mozilla FireFox car même si je ne met pas le code côté
> serveur,
> la dropdownlist ne fait pas toujours 150 px (plus proche de 10px plutôt
> que
> 150 px)alors que sous I.E. oui...............
>
> Merci d'avance.
>
> Frédéric.
>
> --
> fmillox