formulaire sous Safari et IE6 et FF

[pulgita]

Bonjour,

j'ai beaucoup de difficulté à obtenir un rendu de formulaire correct sur plateforme Mac ainsi que sous FF(PC) . J'ai du mal à mettre en face le div des civilités avec les champs. Je pense que le code n'est pas très élégant (notamment trop d'espaces...etc....).
Un conseil pour m'orienter pour obtenir un rendu uniforme?
Merci

La page:http://carmelo.gimenez.free.fr/nouveau/contact.php
Le CSS:http://carmelo.gimenez.free.fr/nouveau/css/contact.css

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/419 (KHTML, like Gecko) Safari/419.3

[Ymai]

Bonjour
Effectivement, en travaillant verticalement, cela me paraît difficile de réaliser la correspondance.
Ne serait-il pas plus logique de travailler horizontalement?

Code : Tout sélectionner

<span class="label">Nom</span><input name="nom" id="nom" type="text"><br>
<span class="label">Prénom</span><input name="prenom" id="prenom" type="text"><br>
<span class="label">Pays</span><input name="pays" id="pays" type="text"><br>

avec quelque chose comme:

Code : Tout sélectionner

.label {
  padding: 0 5px;
  display: block;
  float: left;
  width: 12em;
  margin-right: 1em;
  color: #000000;
  background-color: #ffffcc;
  text-align: right;
}

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.4) Gecko/20061201 Firefox/2.0.0.4 (Ubuntu-feisty)

[Invité]

Merci Ymai,
j'y travaille ce soir. Je vous tiens au courant.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/419 (KHTML, like Gecko) Safari/419.3