Discussion :

[linotte91]

Bonjour,
J'ai une table dans laquelle une colonne ne conteint que des <select><option...>.
Si j'ai

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<td>
   <select class="selClass">
      <option>contient</option>
      <option>ne contient pas</option>
   </select>
</td>
...
<td>
   <select class="selClass">
      <option>=</option>
      <option>!=</option>
   </select>
</td>

Je veux que tous mes select occupent toute la largeur de la colonne pour que ce soit plus esthétique.

Alors dans le cas

Code :

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

.selClass {width:auto;}

Mes select sont bien taillés pour voir le contenu des options, mais ils ont des tailles différentes puisque chaque select s'adapte à son contenu.
Mais dans le cas

Code :

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

.selClass {width:100%;}

Mes select occupent toute la place dispo dans la cellule, mais la cellule est dimensionnée telle que c'est insuffisant pour voir correctement le contenu du select
Comment puis-je faire pour avoir les 2 : des select qui occupent toute le cellule et présente le texte en entier ?

[NoSmoking]

Bonjour,
essaies

Code :

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

1
2
3
.selClass {
  min-width:100%;
}

[linotte91]

Impeccable, un grand merci.
Ca a l'air tellement facile....