28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un petit problème sur le formulaire "Inscription instantanée" situé sur cette page

Le code est le suivant :



<form action="u_inscription.php" id="inscription">
<p>
<label for="jesuis2">Je suis :</label>
<label class="s"><input type="radio" value="0" name="g[sexe]" class="radio" id="jesuis" />une femme</label>
<label class="s"><input type="radio" value="1" name="g[sexe]" class="radio" id="jesuis2"/>un homme</label>

<label for="pseudo">Pseudo :</label>
<input type="text" name="g[login]" id="pseudo" />

<label for="email">Adresse e-mail :</label>
<input type="text" id="email" name="g[email]" />

<label for="mdp">Mot de passe :</label>
<input type="text" id="mdp" name="g[pass]" />

<input type="submit" value="Je m'inscris !"  class="soumission"/>
				
<span style="clear:both;">&nbsp;</span>
</p>
</form>



et le css


#inscription {
border:1px solid #c0d5f4;
background:#f7f9fd;
padding:5px 1% 0 0;
width:100%;
}
#inscription label {
color:#9b0a77;
float:left;
clear:both;
width:30%;
text-align:right;
padding-top:.2em;
padding-right:2%;
}
#inscription label.s {
float:right;
width:60%;
text-align:left;
clear:right;
color:#000;

}
#inscription input {
background:#fff8fc;
border:1px solid #f4d2eb;
float:right;
width:63%;
margin-bottom:5px;
padding:.3em;
}
#inscription input.radio {
float:left;
width:auto;
text-align:left;
border:0;
background:0;
margin-bottom:5px;
padding:.3em;
}
#inscription input.soumission, input.sondages {
background:#fff2fa;
/* clear:both; */
float:none;
margin-left:32%;
border-bottom:1px solid #f4d2eb;
border-right:1px solid #f4d2eb;
border-top:1px solid #fbecf6;
border-left:1px solid #fbecf6;
color:#a92b7b;
font-size:11px;
padding:5px 0 5px 0;
}


Sous firefox l'affichage est correct mais sous IE ca devient n'importe quoi...

Je cherche depuis 2 jours sans succès Smiley decu
Bonjour,

Ça serait plus simple à gérer avec 5 paragraphes (un par ligne du formulaire), plutôt qu'avec un unique paragraphe blindé de label et input!