<option> plus large que <select>

Version imprimable

03/11/2006, 09h46
sunvialley

<option> plus large que <select>

Bonjour,

je voudrais pouvoir avoir un <select> d'une largeur précise (ex : 300px) et par contre que les <option> de ce <select> ne soient pas limités en largeur, c'est à dire que la largeur des <option> s'adapte au contenu.

En gros, peut on avoir un <select> de 300px de large qui contient des <option> de 500px de large ?
Si oui, comment faire ?

Merci

bonjour,

Ce code fonctionne sous Firefox, pas sous IE.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
select{width: 200px}
option{width: 500px}
 
//-->
</style>
 
</head>
 
<body>
<select size="1" id="combo">
    <option value="">Option 1</option>
    <option value="">Option 2</option>
    <option value="">Option 3</option>
    <option value="">Ma très très très très longue option</option>
    <option value="">Option 4</option>
</select>
 
</body>
 
</html>

@Auteur : Même sans aucun style, ce code fonctionne sur Firefox et pas sur IE :
Code:

1 2 3 4 <select style="width:100px"> <option>Une première phrase très longue qui dépasse les 100px de largeur</option> <option>Une seconde phrase très longue qui elle aussi dépasse les 100px de largeur</option> </select>
Je pense qu'il faut passer à une liste déroulante totalement programmée en CSS et Javascript.

03/11/2006, 10h59
sunvialley

Oui, moi aussi j'aime bien Firefox et cet IE de %$'"é*'$ m'embête.
Le problème c'est que je dois programmer mon application pour des utilisateurs qui utiliseront obligatoirement IE (paix à leur ame).

Merci pour l'info sur Firefox, je ne m'etais jamais poser le problème car naturellement il devait faire ce que je voulais...

Mais sinon, pour IE, comment faire ?
07/11/2006, 15h29
Auteur

Dis moi si ce script t'intéresse.
09/11/2006, 16h02
sunvialley

Je suis sur 2 projets en ce moment, alors je ne sais pas si je pourrais revenir dessus, mais merci pour le script.