28173 sujets

CSS et mise en forme, CSS3

[Résolu]Différence IE7 et FF ?

Bonjour,

j'ai ce code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Identification</title>
<link href="syles.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="header">&nbsp;</div>
<div class="container">
  <div class="divLogin">
    <form id="formLogin" method="post" action="verif_login.php"><fieldset><legend>Identifiez-vous</legend>

        <label for="userName">Nom d'utilisateur :</label>
        <input name="userName" type="text" id="UserName" tabindex="1" size="12" maxlength="12" />
        <label for="textfield">Mot de passe :</label>
        <input name="password" type="password" id="password" tabindex="2" size="12" maxlength="12" />
        
    </fieldset>
	  <input name="valider" type="submit" id="valider" tabindex="3" value="Valider" />
	  <input name="Annuler" type="reset" id="Annuler" tabindex="4" value="Annuler" />
    </form>

  </div>
</div>
<div class="footer"> &nbsp;</div>
</body>
</html>


et ce code CSS :
/*---------------------------------
/*syles commums à toutes les pages|
/*---------------------------------
*/
/*fixation des marges intérieures et extéreures des élément à 0(par défaut)*/
*{
	margin: 0;
	padding: 0;
}

/*bandeaux d'en-tête*/
.header {
	background-color: #63A5F5;
	height: 5%;
}

/* conteneurs du milieu*/
.container {
	background-color: #CCCCCC;
}


/*pieds de pages*/
.footer {
	background-color: #63A5F5;
	height: 5%;
	clear: both;
}

/*-----------------
/*Page de conexion|
/*-----------------
*/
/* conteneur du formulaire (centré)*/
.divLogin {
	margin-right: 40%;
	margin-left: 40%;
}
#formLogin {
	width: 100%;
}
#formLogin label {
	float: left;
	width: 55%;

ca donne ca sur FF (ce que je veux) : upload/4803-CaptureFF.jpg et çà sur IE7 upload/4803-CaptureIE7.jpg help
Modifié par flyjet (20 Jan 2007 - 11:12)
Bonsoir,
tu es victime d'un comportement non conforme d'IE (pour pas changer...)
Essayes de corriger ça en mettant les 2 input sur une ligne dans le code
mais je te garantis rien...
Modifié par Hermann (15 Jan 2007 - 18:51)
Salut,
Danc ces cas là tu dois procéder par élimination pour pouvoir repérer
d'ou vient l'erreur.
Cela vient manifestement du width:100% de #formLogin même si je ne peux
pas explique la source exacte du problème.
Modifié par Hermann (16 Jan 2007 - 17:08)
Sujet clos
Aller à