Aller au contenu

Largeur liste déroulante


Régis

Sujets conseillés

Bonjour,

Voici le code d'une liste déroulante :

<form name="" action="" method="">
<select style="width: 80px">
<option>bla</option>
<option>bla bla bla</option>
<option>bla bla bla bla bla</option>
</select>
</form>

Sous FF, la liste est plus large que le width 80 px et chaque option est entièrement lisible.

Par contre, sous IE, les options font 80 px de large et donc, ne sont pas entièrement lisible...

J'aimerai obtenir sous IE la même chose que sous FF... comment puis-je faire ?

Lien vers le commentaire
Partager sur d’autres sites

Pas tester mais essaye de fixer width par CSS.

C'est bien ce qu'il fait, non ? ;)

<select style="width: 80px">

Je pense qu'il vaudrait mieux fixer la taille et police des caractères, ce qui permettrait un rendu identique des deux côtés.

Dan

Lien vers le commentaire
Partager sur d’autres sites

Sous FF, la liste est plus large que le width 80 px et chaque option est entièrement lisible.

Par contre, sous IE, les options font 80 px de large et donc, ne sont pas entièrement lisible...

J'aimerai obtenir sous IE la même chose que sous FF... comment puis-je faire ?

Ben en fait ça dépend de quel effet tu veux obtenir parmi les deux :)

Si tu veux absolument que ton menu fasse 80px de large, j'aurais tendance à répondre un peu comme Dan

Mais vu que les visiteurs auront peut-être une autre taille de texte que celle que tu as prévue, cela ne fonctionnera pas toujours comme tu veux.

Lien vers le commentaire
Partager sur d’autres sites

<select style="width: 80px">

Sous FF, la liste est plus large que le width 80 px et chaque option est entièrement lisible.

Par contre, sous IE, les options font 80 px de large et donc, ne sont pas entièrement lisible...

J'aimerai obtenir sous IE la même chose que sous FF... comment puis-je faire ?

<{POST_SNAPBACK}>

Si tu veux que ce soit plus large que 80px pourquoi mets-tu 80px ? :unsure:
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...