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
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
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"> </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é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" /> Fé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" /> J'accepte les conditions d'utilisation.</td> </tr> <tr> <td colspan="2"><input type="checkbox" name="newletter" id="newsletter" class="input_ins_date" /> 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>
J'ai tester avec un z-index mais sans succès.
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 */
lien : http://mimaro.free.fr/Eno2/
Merci.
Partager