28220 sujets

CSS et mise en forme, CSS3

Positionnement div

Bonjour j'ai un soucis j'ai une page html de connexion qui s'affiche bien sous FF mais pas sous IE , enf ait la div de connexion n'est pas centré. Avez vous une idée.

Le html

<html>
  <head>
    <link href="modele.css" rel="stylesheet" type="text/css"/>
    <script src="scripts.js" type="text/javascript"></script>
  </head>
  
  <body class="presentation">
    
    
      <div class="cadreMilieu">
        <img src="modele.bmp" border="0" width="533" height="211" name="logo" alt="">
     </div>
    
    <div id="encadrementConnexion">

       <div id="alignerConnexionLogin">
           <span>Identifiant  :</span>
           <span><input name="login_name" id="login_name" maxlength="30" type="text"/></span>
      </div>
 
      <div id="alignerConnexionPass">
           <span>Mot de passe :</span>
           <span><input name="pass_name" id="pass_name" maxlength="30" type="password"/></span>
      </div>
 
       
    <div id="placerBoutonConnexion">
      <span ><input  id="aspectBouttonConnexion" name="connexion" type="button" size="60" value="Connexion"/></span>
       <span><input id="aspectBouttonLangue" name="Langues" type="button" size="60"  value="Langues"/></span>
    </div>
 
    </div>
 
  </body>
</html>


Le css :



.presentation {
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
}


.cadreMilieu {
	
	margin-top:80px;
	text-align:center;
}

#encadrementConnexion {
	
  border:1px solid black;
	background-color: white;
 	margin-left: auto;
 	margin-right: auto;
 	 
  margin-top:8% ;
 	height: 150px;
	width: 350px; 
	font-weight: bold;
}

#alignerConnexionLogin {
 	float: right;
  margin-right: 58px;
 	margin-top:30px;
	color: #336699;
}


#alignerConnexionPass {
  float: right;
  margin-right: 58px;
  margin-top:3px;
  color: #336699;
}

#placerBoutonConnexion {
 	margin-top: 100px;
 	margin-bottom: 15px;
 	text-align: center;
}


#aspectBouttonConnexion {
	font-size: 16px;
 	/*background-color: #ccccff;*/
	border-width: 1px ;
 	height: 25px;
 	width: 110px;
 	color: Black;
}

#aspectBouttonLangue {
 	font-size: 16px;
 	/*background-color: #ccccff;*/
 	border-width: 1px ;
 	height: 25px;
 	width: 110px;
	color: Black;
}



Merci.

Pierre-Bruno
Sujet clos
Aller à