UI Resizable et Draggable. Le bas de la barre de scroll est cachée sans que je comprenne pourquoi
Bonjour,
Je découvre JQuery et les possibilité me semble assez extraordinaire. Cependant je bloque sur l'usage de resizable().
Voilà mon code html :
Code:
1
2
3
4
5
6
7
8
| <div id="fenetre_gestion-conteneur">
<div id="fenetre_gestion-entete">
<a href="#" id="fenetre_gestion-fermer">[ x ]</a>
<span id="fenetre_gestion-titre"></span>
</div>
<div id="fenetre_gestion-contenu">
</div>
</div> |
Le code css:
Code:
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
|
#fenetre_gestion-conteneur
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:auto;
width:350px;
background-color:#f0f5FF;
border: 1px solid #000;
z-index: 50;
overflow:hidden;
}
#fenetre_gestion-entete
{
background-color:#5588bb;
padding:2px;
text-align:center;
font-weight:bold;
color: #FFFFFF;
vertical-align:middle;
cursor:move;
}
#fenetre_gestion-contenu
{
padding:5px;
height:100%;
overflow:auto;
}
#fenetre_gestion-fermer
{
float:right;
text-decoration:none;
color:#FFFFFF;
} |
et enfin le code JQuery :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| $('#fenetre_gestion-conteneur').draggable(
{
zIndex: 20,
ghosting: false,
opacity: 0.7,
handle: '#fenetre_gestion-entete'
}
).resizable(
{
minHeight : 150,
minWidth: 150
}); |
Mon problème est le suivant : lorsque je souhaite redimensionner ma fenêtre, pourqu'elle soit plus petite, le bas de la barre de scroll est cachée sans que je comprenne pourquoi :
(avant redimensionnement)
http://www.jeu-geopolitique.fr/image/1.png
(après redimensionnement, la barre de scroll apparaît bien, mais rognée en bas)
http://www.jeu-geopolitique.fr/image/2.png
Quelqu'un peut-il m'aider ou me donner un tuyau pour contourner ce problème ?
Merci
