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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : 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
 
#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 : Sélectionner tout - Visualiser dans une fenêtre à part
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)

(après redimensionnement, la barre de scroll apparaît bien, mais rognée en bas)


Quelqu'un peut-il m'aider ou me donner un tuyau pour contourner ce problème ?
Merci