Mauvais comportement des menu déroulant sous IE

**KeKeMaN** · 08/10/2008, 09h37

Bonjour,

Mon problème est assez simple (

) : je crée un menu déroulant avec une taille fixe (width: 200px) et contenant des lignes qui parfois font plus que cette taille.
Sous Firefox, le menu déroulant s'agrandit bien, mais sous IE (6 ou 7). Je joints une image qui illustre mes propos.

Mon code (simple) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<html>
  <head>
  <meta http-equiv=content-type content="text/html; charset=utf-8">
    <title>Test</title>
  </head>
 
  <body>
	<select style="width: 200px">
	<option value="0">0 - test test test test test test test</option>
	<option value="1">1 - test test test test test test test test test test</option>
	<option value="2">2 - test test test test test test</option>
	<option value="3">3 - test test test test test test</option>
	<option value="4">4 - test test test test test test</option>
    </select>
  </body>
</html>

Si vous aviez une idée

Merci d'avance

**HiRoN** · 08/10/2008, 12h13

Salut,

L'astuce aurait été d'appliquer un style="width:XXXpx" sur les option de ton select mais ce n'est pas pris en compte par IE.
Perso, je dirai 2 solutions :

1 - Agrandir la liste déroulante (donc modifier le width que tu as mis sur le select, mais en fonction de ton "design" cela peut ne pas le faire).

2 - Se tourner vers du Javascript et tenter de voir comment construire ta propre liste déroulante (de façon a pouvoir appliquer un width "personnalisable" (par ex) à certaines option (voir toutes).

Un petit tour ici pourrait aider (regarde l'exemple d'utilisation que donne l'auteur).

Cordialement,

**kaiser59** · 10/10/2008, 13h37

Salut,

Pourquoi tu veux définir une taille fixe ?

Ne met rien la liste déroulante prendra la taille dont l'option à la plus grande valeur en size...

**HiRoN** · 10/10/2008, 14h13

Salut,
Pourquoi tu veux définir une taille fixe ?
Ne met rien la liste déroulante prendra la taille dont l'option à la plus grande valeur en size...

Il n'a peut-être prévu que 200px de large au niveau de la structuration de son site.
Que faire dans ces cas là ? (lorsqu'on a prévu qu'un espace de XXpx pour la liste déroulante)