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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 :

Le résultat obtenu avec Firefox est :

Le résultat obtenu avec IE7 est :


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.