div en absolute visible IE mias pas FF

**mimagyc** · 20/10/2008, 17h10

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** · 20/10/2008, 17h20

Tu utilises un JavaScript?

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

**mimagyc** · 20/10/2008, 17h35

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

**mimagyc** · 21/10/2008, 10h25

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.

div en absolute visible IE mias pas FF

CSS

Discussions similaires

Partager

Partager