var sdid="sd1";
var sdwidth=400;
var sdheight=200;
//var sdcontent="<div style=\"width:400px; height:100px;\">Je voudrais faire un tableau à dimensions fixes et mettre une scrollbar. comment faire ? j'ai essayé une formule, j'ai mis un div dans ce tableau, mais l'affichage se fait uniquement en IE, sur mozilla c'est pas net et sur google aucun affichage</div>";
var sdcontent="<img src=\"images/fidelitepdf-1.jpg\">"
var leftcontent="<";
var rightcontent=">";

function createscrolldiv(parent){
         var sd=document.createElement("table");
         i=1;
         while(document.getElementById(sdid)){
              i++;
              sdid="sd"+i;
         }
         sd.id=sdid;
         sd.style.width=sdwidth+'px';
         sd.style.height=sdheight+'px';
         var tr=document.createElement('tr');
         var td=document.createElement('td');
         td.id=sdid+"_left";
         td.style.width="20px";
         td.innerHTML="<span style=\"cursor:pointer;\" onmouseover=\"scroll('"+sdid+"',-1)\" onmouseout=\"stopscroll('"+sdid+"')\" onmousedown=\"sdfast()\" onmouseup=\"sdslow()\">"+leftcontent+"</span>";
         tr.appendChild(td);
         td=document.createElement('td');
         div=document.createElement('div');
         div.id=sdid+"_content";
         div.style.width=sdwidth-40+"px";
         div.style.height=sdheight+"px";
         div.style.overflow='hidden';
         div.innerHTML=sdcontent;
         td.appendChild(div);
         tr.appendChild(td);
         var td=document.createElement('td');
         td.id=sdid+"_right";
         td.style.width="20px";
         td.innerHTML="<span style=\"cursor:pointer;\" onmouseover=\"scroll('"+sdid+"',1)\" onmouseout=\"stopscroll('"+sdid+"')\" onmousedown=\"sdfast()\" onmouseup=\"sdslow()\">"+rightcontent+"</span>";
         tr.appendChild(td);
         //sd.innerHTML="<tr><td id=\""+sdid+"_left\" width=\"20\">"+leftcontent+"</td><td id=\""+sdid+"_content\" style=\"width:"+sdwidth-40+"px;overflow:auto;\">"+sdcontent+"</td><td id=\""+sdid+"_right\" width=\"20\">"+rightcontent+"</td></tr>";
         sd.appendChild(tr);
         parent.appendChild(sd);
}

function updatecontent(id,content){
         document.getElementById(id+"_content").innerHTML=content;
}

 var sdint;
 var sdint2;
 var sdspeed=100;
 var sdminspeed=100;
 var sdmaxspeed=50;
 var sdoff;
 var sdmem;

function scroll(id,px){
        sdmem=px;
        clearInterval(sdint2);
        sdint=setTimeout("scroll('"+id+"',"+px+")",sdspeed);
        sdoff=10;
        document.getElementById(id+"_content").scrollLeft+=(5*px);
}

function stopscroll(id){
             clearInterval(sdint);
             sdoff-=1;
             document.getElementById(id+"_content").scrollLeft+=(sdmem*sdoff);
             if(sdoff>0){
                  sdint2=setTimeout("stopscroll('"+id+"')",100);
             }
}

function sdfast(){
         sdspeed=sdmaxspeed;
}

function sdslow(){
         sdspeed=sdminspeed;
}