Bonjour, j'ai un probleme d'alignement assez difficile à résoudre.

Je pars d'un select, dans chacun des option je met 4 informations qui proviennent d'une BDD : un nom, prenom, code postal et ville. Evidement les champs sont de longueurs variables mais je souhaite que les champs soient alignés.

Voici ce que j'ai commencé par faire :
- je calcule la taille maximale de chacun des champs dans la BDD
maxNom, MaxPrenom, maxCp et MaxVille
- ensuite je creer une chaine de caracteres où j'insere tout d'abord le nom puis un nombre d'espaces égal à maxNom-tailleDuNom+4 (4 pour avoir un peu de marge entre le nom le + long et le champs suivant : prenom).
Je refais cette opération pour inserer les 4 champs.

Je défini dans mon css ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<style type="text/css">
      	option { 
font-family: Courier,"Courier New", "Nimbus Mono L", monospace;
		 }
</style>
Sous firefox tout va bien les champs sont parfaitement alignés, sous IE aieaieaie rien ne va plus ce n'est pas une police monospace qui est utilisée...

Que se passe-t-il? le code ne convient pas a IE? IE est mal réglé? IE c'est nul? (troll detected ^^)

Voila j'espère que vous pourrez m'aiguiller et vous remercie d'avance.