Positionnement de formulaire
Bonjour à tous,
j'ai un petit problème pour positionner mon formulaire sur ma page. Sous Firefox, c'est niquel, mais sous Internet explorer, ça ne va pas du tout.
Voici les codes :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42
| <div id="global">
<h1>Contact</h1>
<div id="coordonnees">
<h3>Coordonnées</h3>
<p>
<!--Texte-->
</p>
</div>
<form action="mail_envoi.php" method="post">
<p>N'hésitez pas à utiliser le formulaire ci-dessous pour prendre contact avec l'entreprise</p>
<table>
<tr>
<td>Nom:<sup>*</sup></td>
<td> <input type="text" name="nom" size="32" /> <br /></td>
</tr>
<tr>
<td>Entreprise:</td>
<td> <input type="text" name="entreprise" size="32" /> <br /></td>
</tr>
<tr>
<td>Mail:<sup>*</sup></td>
<td> <input type="text" name="mail" size="32" /> <br /></td>
</tr>
<tr>
<td>Message:<sup>*</sup></td>
<td> <textarea name="message" cols="45" rows="6"></textarea> <br /></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Envoyer" /></td>
</tr>
</table>
<p><em>(Les champs marqués d'un * doivent être obligatoirement remplis)</em></p>
</form>
</div> |
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
| #coordonnees {
float: right;
width: 250px;
margin: 10px 5px 0 10px;
border: 1px solid black;
}
#coordonnees h3{
color: black;
font-weight: bold;
font-size: 1.2em;
padding: 2px 0 0 4px;
text-align: left;
text-decoration: underline;
}
#coordonnees p {
color: black;
font-weight: none;
font-size: 1em;
padding: 3px 0 0 4px;
text-align: left;
}
#global form {
padding: 5px 0 0 5px;
}
#global form p {
padding: 5px 0 20px 0;
} |
Je ne comprend pas parce que sous firefox, le formulaire vient bien se placer à gauche de l'encart Coordonnées comme je le souhaite, mais sous Explorer, il se place à gauche aussi, mais en dessous. Je pense que cela vient du float:right appliqué à coordonnées...quoique...