28221 sujets

CSS et mise en forme, CSS3

Bonsoir tout le monde,

Je souhaite différencier les largeurs de mes balises <select> et de mes balises <option>, dans un souci de gain de place et de clarté. Par exemple, mes <select> devraient faire width:300px et mes <option> width:600px.

 .choix
   { background-color:#DDFFFF; width:300px; border:6px solid #DDDDDD; }
 .choix2
   { width:600px; }


   <select name="grandeville" class="choix" size="1">
    <option value="Paris" class="choix2">Paris</option>
    <option value="Lyon">Lyon</option>
    <option value="Marseille">Marseille</option>
    <option value="Lille">Lille</option>
   </select>


Ca marche tres bien sous Firefox, mais alors IE ne veut pas en entendre parler. Une solution ?
Je vais peut etre (surement ?) me faire tuer par les modos, mais si quelqu'un a un début de réponse, ou alors dites mois que c'est po possible, mais dites kek chose, svp... Smiley confused
Peux tu t'expliquer un peu plus clairement.

Tu peux pour une liste deroulante diminuer la largeur de ta liste et de tes polices avec les CSS facilement.

C'est ce que tu veux ?
Je pense qu'il parle de quelque chose comme ceci :
 _______________
|v|_Select______|________
| Option 1               |
| Option 1               |
|_Option_1_______________|