<option> plus large que <select>

**sunvialley** · 03/11/2006, 09h46

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

**Auteur** · 03/11/2006, 10h03

bonjour,

Ce code fonctionne sous Firefox, pas sous IE.

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
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>

**Bisûnûrs** · 03/11/2006, 10h10

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

Code HTML :

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

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.

**sunvialley** · 03/11/2006, 10h59

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 ?

**Auteur** · 07/11/2006, 15h29

Dis moi si ce script t'intéresse.

**sunvialley** · 09/11/2006, 16h02

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

<option> plus large que <select>

HTML

Discussions similaires

Partager

Partager