Problème avec le style de liste <select
Bonjour,
Dans un formulaire, j'ai un champ de saisie <textarea... et un champ de sélection <select multiple="multiple"... qui se suivent à un même niveau horizontal (ils sont en fait dans des cellules de table juxtaposées).
Pour leur affecter une hauteur et une présentation identique, dans ma feuille de style, j'ai ajouté :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13
| textarea {
padding:0;
margin:0;
border:1px solid #363;
}
select {
padding:0;
margin:0;
border:1px solid #363;
}
.textarea-select {
height: 80px; ...
} |
naturellement, j'ai ajouté class="textarea-select" à mes deux déclarations de champs.
Le résultat obtenu avec Opera est :
http://www.yves-bruant.fr/images-pou...mage_opera.gif
Le résultat obtenu avec Firefox est :
http://www.yves-bruant.fr/images-pou...s/image_ff.gif
Le résultat obtenu avec IE7 est :
http://www.yves-bruant.fr/images-pou.../image_ie7.gif
Si les résultats avec Opera et Firefox correspondent à ce que j'attends (encore que le champ <textarea... soit un poil plus bas que celui de <select... avec Firefox), il n'en va pas de même du tout avec IE7 dont l'affichage ne me satisfait pas.
Y at-t-il moyen d'arranger la chose ?
Autre question, comment affecter la hauteur de ces champs pur qu'elle corresponde à un nombre entier de lignes, quelque soit le browser ? J'ai essayé une définition en em et ex sans que ça soit probant.
Merci.