Excusez-moi si je remets sur le tapis un sujet que vous auriez déjà éclusé... mais j'ai pas trouvé avec le moteur de recherche
Il semblerait que la balise select prenne ses aises sous FF. Je m'explique:
Si je place un select dans un conteneur div et que je fixe par CSS la taille du div à 100px et celle du select à 100%, tout va bien. le select occupe toute la place laissé par le conteneur et si une option a un contenu qui déborde, cela se voit juste quand on déroule le select. Really perfect.
En revanche, si je veux contenir mon select dans un table (pourquoi pas, y a pas que les div dans la vie 8) ), rien ne va plus:
le select se met à agrandir le tableau comme le montre ce petit exemple:
Code : Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Encore un b#g FireFox ?</title>
<style type="text/css">
<!--
.A {border: 1px dotted; width: 100px; font-size: 6pt;}
.B {width: 100%; font-size: 6pt;}
#C {border: 1px solid; width: 100px;}
-->
</style>
</head>
<body>
<div class="A">
<select class="B">
<option>Texte court</option>
<option>Texte long, long, long...</option>
</select>
</div>
<div class="A">
<table id="C">
<tr>
<td>
<select class="B">
<option>Texte court</option>
<option>Texte long, long, long...</option>
</select>
</td>
</tr>
</table>
</div>
</body>
</html>
Pas très joli, joli...
Ce défaut apparait avec FF et NS (un pb Gecko ?), mais pas sous IE et Opera. Et il semble bien que ce soit un... b#g (vilain mot) car le défaut a été corrigé sur DP, semble-t-il...
En attendant, je suis bien emm...bêté. Si je fixe la taille du select, par exemple à 80px dans l'exemple, les choses rentrent dans l'ordre, mais ce n'est pas ce que je souhaite car le conteneur, dans la vraie vie, aura une taille qui pourra varier...
Quelqu'un aurait une idée géniale pour contourner le problème ? Merci.