centrer un bouton input en css
j'ai créé un formulaire de connexion (tout ce qu'il y a de plus simple) avec un bouton "connexion"; je centre mon div avec un fichier css.
Or tous les composants du div sont bien centrés (champs, texte, bouton) dans firefox. Mais dans internet explorer c'est le drame seul le bouton de connexion n'est pas centré.
voici comment se présente mon formulaire :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<div class="BoiteConnection">
<br />
Identifiant :
<!--Identifiant : -->
<input name="identifiant" size="12" style="margin-left:21px;"/>
<br /><br />
Mot de passe :
<!--Mot de passe :-->
<input name="motdepasse" type="password" size="12" />
<br /><br />
<input type="submit" value="connexion" />
<br />
</div> |
voici ma page css :
Code:
1
2
3
4
5
6
7
8
9
10
11
|
.BoiteConnection {
background-color: rgb(204, 204, 255);
text-align: center;
border-style: solid;
width:300px;
border-width: 1px;
border-color: black;
margin-top: 16em;
margin-left: 40em;
} |
Merci d'avance !
