Discussion :

[zooffy]

bonjour à tous.

J'ai mis au point un système de DIV imbriqué pour faire apparaiter un formulaire avec AJAX, par dessus la page et avoir un fond opaque non cliquable.

Le problème que je rencontre est que le formualire est un peu long et dépasse la hauteur de l'écran, donc il faudrait que ça scroll, mais je ne trouve pas le moyen de le faire.

Voici mon code HTML :

Code :

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

1
2
3
4
5
6
 
<div id="divFondRegister" runat="server" style="display:none;" class="FondOpaqueGene">
        <div id="divDevantRegister" class="DivDevantGene">
<!-- le contenu du formulaire avec les champs et les contrôles -->
        </div>
</div>

Et le code CSS appliqué

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
 
.FondOpaqueGene {
    position:fixed;
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-image:url('/App_Themes/fond-opaque.png');
    background-repeat:repeat;
    z-index:1000; 
}
.DivDevantGene {
    text-align:left;
    position:absolute;
    top:3%; 
    left:30%;
    padding:10px; 
    width:500px; 
    z-index:1002;
    background-color:Transparent;
    color:White;
    border:none 0px Transprent;
}

Merci pour votre aide.

[NoSmoking]

Bonjour,
si tu mets ton formulaire dans une DIV contenue dans une DIV ayant un display:none, tu n'es pas prêt de le voir.

De plus en mettant un overflow:hidden, ce n'est pas la meilleur façon de faire scroller si il y a un dépassement.