Discussion :

[mimagyc]

Bonjour,

j'ai fait une div en absolute qui s'affiche au milieu de la page pour une inscription,

celle ci est visible dans IE mais pas FF ... je ne vois pas pourquoi.

le code html

Code :

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
 
<div id="global">
 
<div id="conteneur_S">
 
<p align="right" class="curseur" onclick="document.getElementById('intervenant').innerHTML='';"><strong>Fermer</strong></p>
 
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<form name="inscription" method="post" action="">
  <tr>
    <td colspan="2" id="titre">Comptes</td>
    </tr>
  <tr>
    <td width="50%" id="login_ins_td">Login :</td>
    <td width="50%"><input type="text" class="input_ins" id="login_ins" name="login_ins" /></td>
  </tr>
  <tr>
    <td id="mdp_ins_td">Mot de passe :</td>
    <td><input type="password" class="input_ins" id="mdp_ins" name="mdp_ins" /></td>
  </tr>
  <tr>
    <td id="mdp_ins_conf_td">Confirmation :</td>
    <td><input type="password" class="input_ins" id="mdp_ins_conf" name="mdp_ins_conf" /></td>
  </tr>
  <tr>
    <td id="mail_ins_td">Adresse mail :</td>
    <td><input type="text" class="input_ins" id="mail_ins" name="mail_ins" /></td>
  </tr>
  <tr>
    <td colspan="2">&nbsp;</td>
    </tr>
  <tr>
    <td colspan="2" id="titre">Informations personnelles</td>
    </tr>
  <tr>
    <td id="nom_ins_td">Nom :</td>
    <td><input type="text" class="input_ins" id="nom_ins" name="nom_ins" /></td>
  </tr>
  <tr>
    <td id="prenom_ins_td">Pr&eacute;nom</td>
    <td><input type="text" class="input_ins" id="prenom_ins" name="prenom_ins" /></td>
  </tr>
  <tr>
    <td>Genre</td>
    <td id="genre_ins_td">Masculin <input id="genre_ins" type="radio" name="sexe" class="input_ins_date" />&nbsp;&nbsp;F&eacute;minin <input id="genre_ins2" type="radio" name="sexe" class="input_ins_date" /></td>
  </tr>
  <tr> 
    <td>Date de naissance</td>
    <td>
    <select name="dateJ" id="dateJ" class="input_ins_date">
    <?php
	for ($i=1;$i<31;$i++) {
	echo '<option value="'.$i.'">'.$i.'</option>';
	}
	?>
    </select>
    <select name="dateM" id="dateM" class="input_ins_date">
    <?php
	for ($i=1;$i<13;$i++) {
	echo '<option value="'.$i.'">'.$i.'</option>';
	}
	?>
    </select>
    <select name="dateY" id="dateY" class="input_ins_date" >
    <?php
	for ($i=date('Y');$i>1919;$i--) {
	echo '<option value="'.$i.'">'.$i.'</option>';
	}
	?>
    </select>
    </td>
  </tr>
  <tr>
    <td colspan="2"><input type="checkbox" name="newletter" id="regle" class="input_ins_date" />&nbsp;J'accepte les conditions d'utilisation.</td>
    </tr>
  <tr>
    <td colspan="2"><input type="checkbox" name="newletter" id="newsletter" class="input_ins_date" />&nbsp;J'accepte de recevoir les news </td>
    </tr>
  <tr>
    <td colspan="2"><input type="button" name="go" value="Inscription" class="input_ins_boutton" onclick="verif_ins()" /></td>
    </tr>
    </form>
</table>
 
</div>
 
</div>

et le css:

Code :

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
/* INSCRITION */
.curseur {
cursor:pointer;
}
div#global {
position:absolute;
left:0px;
top:0px;
bottom:0px;
right:0px;
width:100%;
height:100%;
overflow:hidden;
background-image:url(imag/fond_ins.png);
background-repeat:repeat;
cursor:default;
}
div#conteneur_S {
padding:10px;
position:relative;
width:300px;
height:340px;
background-color:#FFFFFF;
border-width:2px;
border-style:solid;
border-color:#333333;
margin-left:auto;
margin-right:auto;
margin-top:10%;
cursor:default;
}
td#titre {
text-align:center;
font-family:"Myriad Pro";
font-size:18px;
font-weight:bold;
height:25px;
vertical-align:top;
}
.input_ins {
width:100px;
height:12px;
border-width:1px;
border-style:solid;
border-color:#0078ff;
font-family:"Myriad Pro";
font-size:9px;
cursor:default;
}
.input_ins_date {
width:auto;
height:auto;
border-width:1px;
border-style:solid;
border-color:#0078ff;
font-family:"Myriad Pro";
font-size:9px;
cursor:default;
}
.input_ins_boutton {
width:auto;
height:auto;
border-width:1px;
border-style:solid;
border-color:#0078ff;
font-family:"Myriad Pro";
font-size:12px;
font-weight:bold;
cursor:default;
}
block#error {
color:#990000;
}
/* FIN INSCRITION */

J'ai tester avec un z-index mais sans succès.

lien : http://mimaro.free.fr/Eno2/

Merci.

[Floriang33]

Tu utilises un JavaScript?

Tu as essayé de mettre ta div global en position relative?

[mimagyc]

Relative? si je veux mettre ma fenêtre d"inscription au centre de ma page, ce n'est pas trop possible ??

[mimagyc]

la solution :

Code :

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
 
<div id="global">
 
<div id="conteneur_S">
 
<p align="right" class="curseur" onclick="document.getElementById('intervenant').innerHTML='';"><strong>Fermer</strong></p>
 
 <form name="inscription" method="post" action="">
<table width="100%" border="0" cellspacing="2" cellpadding="0">
 
  <tr>
    <td colspan="2" id="titre">Comptes</td>
    </tr>
  <tr>
    <td width="50%" id="login_ins_td">Login :</td>
    <td width="50%"><input type="text" class="input_ins" id="login_ins" name="login_ins" /></td>
  </tr>
  <tr>
    <td id="mdp_ins_td">Mot de passe :</td>
    <td><input type="password" class="input_ins" id="mdp_ins" name="mdp_ins" /></td>
  </tr>
  <tr>
    <td id="mdp_ins_conf_td">Confirmation :</td>
    <td><input type="password" class="input_ins" id="mdp_ins_conf" name="mdp_ins_conf" /></td>
  </tr>
  <tr>
    <td id="mail_ins_td">Adresse mail :</td>
    <td><input type="text" class="input_ins" id="mail_ins" name="mail_ins" /></td>
  </tr>
  <tr>
    <td colspan="2">&nbsp;</td>
    </tr>
  <tr>
    <td colspan="2" id="titre">Informations personnelles</td>
    </tr>
  <tr>
    <td id="nom_ins_td">Nom :</td>
    <td><input type="text" class="input_ins" id="nom_ins" name="nom_ins" /></td>
  </tr>
  <tr>
    <td id="prenom_ins_td">Pr&eacute;nom</td>
    <td><input type="text" class="input_ins" id="prenom_ins" name="prenom_ins" /></td>
  </tr>
  <tr>
    <td>Genre</td>
    <td id="genre_ins_td">Masculin <input id="genre_ins" type="radio" name="sexe" class="input_ins_date" />&nbsp;&nbsp;F&eacute;minin <input id="genre_ins2" type="radio" name="sexe" class="input_ins_date" /></td>
  </tr>
  <tr> 
    <td>Date de naissance</td>
    <td>
    <select name="dateJ" id="dateJ" class="input_ins_date">
    <?php
	for ($i=1;$i<31;$i++) {
	echo '<option value="'.$i.'">'.$i.'</option>';
	}
	?>
    </select>
    <select name="dateM" id="dateM" class="input_ins_date">
    <?php
	for ($i=1;$i<13;$i++) {
	echo '<option value="'.$i.'">'.$i.'</option>';
	}
	?>
    </select>
    <select name="dateY" id="dateY" class="input_ins_date" >
    <?php
	for ($i=date('Y');$i>1919;$i--) {
	echo '<option value="'.$i.'">'.$i.'</option>';
	}
	?>
    </select>
    </td>
  </tr>
  <tr>
    <td colspan="2"><input type="checkbox" name="newletter" id="regle" class="input_ins_date" />&nbsp;J'accepte les conditions d'utilisation.</td>
    </tr>
  <tr>
    <td colspan="2"><input type="checkbox" name="newletter" id="newsletter" class="input_ins_date" />&nbsp;J'accepte de recevoir les news </td>
    </tr>
  <tr>
    <td colspan="2"><input type="button" name="go" value="Inscription" class="input_ins_boutton" onclick="verif_ins()" /></td>
    </tr>
 
</table>
     </form>
</div>
 
</div>

Mes balises <form> était entre les balise <table> ...

Merci.