Splitter en javascript/HTML/CSS

Bonjour,
Je souhaite avoir un comportement équivalent au splitter de XUL en javascript/HTML/CSS.
J'ai réussis à le développer, par contre cela ne fonctionne que si le déplacement de la souris est très lent !!!
http://www.splitter.kokoom.com/splitter.html
C'est la zone 'grise' entre les deux div qui permet de glisser.
L'un d'entre vous aurait-il une idée.
Merci.
Rémy.

Salut,

Je déplace dans le forum CSS car il ne s'agit que de celà...

J'ai testé sur Firefox (position: fixed; ne fonctionnant pas sur IE):

#splitter {
	  position: fixed;
	  top: 0;
	  left: 302px;
	  width: 196px;
	  height : 602px;
	  font-size : 3px; /* MSIE */
	  border : 1px solid gray;
	  background-color : gray;
	  cursor : n-resize;
}

et je n'ai plus ce problème... en gros, soit tu vas moins vite avec la souris, soit tu agrandis le "splitter"...
Modifié par koala64 (18 Oct 2006 - 20:40)

Merci Koala64,
J'ai comme contrainte de devoir faire fonctionner la page sous MSIE.
J'ai augmenté la taille du splitter, il semblerait que ce fonctionne un peu mieux. J'ai mis le lien à jour.
http://www.splitter.kokoom.com/splitter.html
Mais bon, je ne trouve pas cela terrible pour les violents de la souris. Comme le problème à l'air lié à la hauteur de la 'div' splitter je vais essayer de la mettre en arrière plan avec une seule zone visible entre les deux autres 'div'.
A moins que quelqu'un ait une autre idée.
Merci.
Rémy.

bonsoir ,
tu veut dire en avant plan
comme ceci:

 #div1 {      
      height : 200px;
      border : 1px solid gray;
      overflow-x : hidden;
      overflow-y : scroll;
margin-bottom:-5.5em;
    }
    
    #splitter {
      height : 6em;
      font-size : 2em; 
      /*border : 1px solid gray;
      background-color : gray;*/
      background-image : url(./image.gif);
      background-repeat : no-repeat;
      background-position : center;
      cursor : n-resize;
position:relative;
z-index:1;

    }
    
    #div2 {
      height : 400px;
      border : 1px solid gray;
      overflow-x : hidden;
      overflow-y : scroll;
margin-top:-5.5em;
    }     

cela fait une zone impotante sur laquelle la souris peut decroché sans en sortir.

Peut-etre devrait tu imposé une "hauteur minimale aux 2 div , car ils sont ecrasable a 100% .

bonsoir