alignement dans un menu déroulant

Bonjour,
J'alimente un menu déroulant à partir d'une base de données. Dans ce menu déroulant je récupère 2 types de données:
1) Nom, Prénom, Date de naissance
2) Etat

ce que je souhaite c'est aligner tous les états pour avoir quelque chose qui ressemble à ça:

Code:

---

1 2 3 4

AAAA, aaa (10/10/1980) : etat1 BBBBBBBB, bbbbb (10/10/1980) : etat1 C, c (10/10/1970) : etat2

---

Pour cela j'ai essayé de récupérer la longeur de la chaine de caractère (composé de 'Nom, Prénom (jj/mm/yyyy) :') la plus longue et ensuite de faire la différence entre la chaine courante et cette chaine max pour ajouter autant de ' ' que cette différence.
Mais cela ne produit pas l'alignement escompté.

Il y a-t-il une autre solution?

Merci

Moins bien qu'une solution, je te propose un contournement du problème, en attendant mieux.

En gardant ta méthode des espaces, utilise une police à largeur fixe.
par exemple, courrier ou Lucida.
Comme ça tes espaces auront la même largeur que tes lettres, et tu devrais retrouver ton alignement.

Merci pour cette option, en attendant de trouver mieux... :-D

comment est construit ton menu déroulant ?
Est ce que chaque cellule de ton menu déroulant pourrait contenir des <span> sur lesquels tu appliquerais la propriété float: right; et dans lesquels tu mettrais ton état ?

EDIT: en reflechissant sur le terme menu déroulant et en regardant tes autres post, tu veux dire champ select de formulaire ? Si c'est le cas, tout ce que j'ai dit sert à rien et la seule solution semble etre celle énoncée au dessus car la balise select est assez restrictive au niveau de la mise en forme.

Oui c'est un champ select de formulaire.