Problème d'affichage de div sous firefox ("conteneur" n'englobe pas mes autres div)

**Amandine62** · 05/03/2008, 13h13

Bonjour,

Voila j'ai un petit soucis au niveau de mon css (je suis pas experte, mais bon), ça doit pas être compliqué je pense.
Sur IE7 tout marche bien mais sur firefox...

En gros j'ai un div qui englobe deux autres div mais à l'affichage, le div "conteneur" n'englobe pas les deux autres.

=> pas besoin de trop d'explication, une bonne capture d'écran vaut mieux que n'importe quelle explication.

Pour ce qui est du code :
Template :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
  <div class="login">
     <div class="login-form">
       <form action="/easymanchette/studio/em/admin/identification" method="post" name="formIdentification" id="formIdentification">
		  <div class="form-block">
			<div class="textgris-strong">Identifiant</div>
			<div><input type="text" name="login" id="login" value="" size="30" maxlength="50"></div>
			<div class="textgris-strong">Mot de passe</div>
			<div><input type="password" name="password" id="password" value="" class="inputbox" maxlength="50"></div>
			<div align="left"><input type="submit" name="submit" id="submit" value="valider" class="button"></div>
		  </div>
	   </form>
	  </div>
 
	  <div class="login-text">
		<div class="ctr"><img src="/easymanchette/application/modules/easymanchette_studio/public/images/admin/security.png" width="64" height="64" alt="security" /></div>
		<p class="textgris">Utilisez un identifiant et un mot de passe corrects pour acc&eacute;der &agrave; l'interface d'administration de votre site.</p>
	  </div>
 
	  <div class="login-msg">Le champ 'Identifiant' est obligatoire, merci de le renseigner.<br/>Le champ 'Mot de passe' est obligatoire, merci de le renseigner.<br/></div>
   </div>

Css :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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
43
44
45
46
47
48
49
 
.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6em;
/*	margin-bottom:auto; */
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #F1F3F5;
}
 
.login-text {
	text-align: left;
	width: 40%;
	float: left;
}
 
.login-form {
	text-align: left;
	float: right;
	width: 60%;
}
 
.login-msg {
	float: bottom;
	width: 100%;
	margin-top:3%;
  	border: 1px solid #FF3300;
    background-color: #FFDDDD;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
 
.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.textgris-strong {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #4f4f4f;
	font-weight: bold;
}