olaa tengo en mi pagina principal este codigo(que tiene dibujos y demas):
<html>
<head>
<title>Prueba chat</title>
<link href="chat.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
position: absolute;
width: 95px;
height: 108px;
z-index: 1;
left: 12px;
top: 17px;
}
#apDiv2 {
position: absolute;
width: 102px;
height: 106px;
z-index: 2;
left: 140px;
top: 18px;
}
#apDiv3 {
position: absolute;
width: 120px;
height: 104px;
z-index: 3;
left: 294px;
top: 19px;
}
#apDiv4 {
position: absolute;
width: 148px;
height: 101px;
z-index: 4;
left: 453px;
top: 21px;
}
#apDiv5 {
position: absolute;
width: 153px;
height: 100px;
z-index: 5;
left: 631px;
top: 21px;
}
#apDiv6 {
position: absolute;
width: 145px;
height: 98px;
z-index: 6;
left: 821px;
top: 22px;
background-color: #666666;
}
#apDiv7 {
position: absolute;
width: 118px;
height: 47px;
z-index: 7;
left: 992px;
top: 70px;
}
#apDiv8 {
position: absolute;
width: 117px;
height: 38px;
z-index: 8;
left: 992px;
top: 21px;
}
#apDiv9 {
position: absolute;
width: 961px;
height: 572px;
z-index: 9;
left: 12px;
top: 142px;
}
#apDiv10 {
position: absolute;
width: 961px;
height: 259px;
z-index: 10;
left: 13px;
top: 712px;
}
#apDiv11 {
position: absolute;
width: 127px;
height: 59px;
z-index: 11;
left: 991px;
top: 150px;
}
#apDiv12 {
position: absolute;
width: 127px;
height: 34px;
z-index: 12;
left: 992px;
top: 213px;
}
#apDiv13 {
position: absolute;
width: 120px;
height: 17px;
z-index: 11;
left: 992px;
top: 145px;
}
#apDiv14 {
position: absolute;
width: 120px;
height: 18px;
z-index: 12;
left: 993px;
top: 163px;
}
body {
background-image: url();
margin-right: 500px;
background-color: #FFF;
}
</style>
<link href="../../warofdesert1/login/Sin título-1.jpg.css" rel="stylesheet" type="text/css">
<style type="text/css">
body,td,th {
color: #999;
}
a:visited {
color: #999;
}
#apDiv15 {
position: absolute;
width: 1121px;
height: 966px;
z-index: 13;
left: 9px;
top: 11px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div id="apDiv1"><a href="index.php"><img src="../../../Mis documentos/Sitio sin nombre 2/letras.jpg" width="102" height="106"></a></div>
<br>
<center>
<div id="apDiv2"><a href="index.php"><img src="images/ranking.gif" width="105" height="105"></a></div>
<div id="apDiv3"><a href="index.php"><img src="images/Sobre.gif" width="105" height="106"></a></div>
<div id="apDiv5"><a href="index.php"><img src="../../warofdesert1/login/Sin título-1.jpg" width="148" height="106"></a></div>
<p> </p>
<p> </p>
<div id="apDiv4"><a href="index.php"><img src="images/letrta.gif" width="152" height="103"></a></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="apDiv6">diamantes</div>
<div id="apDiv8">ajustes</div>
<p> </p>
<div id="apDiv7"><a href="javascript
:window.close();"><strong>Cerrar </strong></a></div>
<div id="apDiv9">
<img src="images/DESIERTO.jpg" width="961" height="567">
<h1>
</div>
<div id="apDiv10"><h1>presentacion<h1></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</center>
<br>
<div id="taskbar">
<div id="container">
<a id="chata">Chat de Ejemplo.com</a>
<div id="chat">
<object width="250" height="360" id="obj_1305393656727"><param name="movie" value="http://chatdeejemplo.chatango.com/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1305393656727&b=60&f=50&l=999999&q=9999 99&r=100&s=1"/><embed id="emb_1305393656727" src="http://chatdeejemplo.chatango.com/group" width="250" height="360" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1305393656727&b=60&f=50&l=999999&q= 999999&r=100&s=1"></embed></object>
</div>
</div>
</div>
<p>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-283878-44");
pageTracker._trackPageview();
} catch(err) {}</script>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="mensaje.js" type="text/javascript"></script>
<div id="apDiv15"></div>
<div id="apDiv14">
<p>
<SCRIPT language=JavaScript>
hora = new Date();
var minutos = hora.getMinutes ();
if (minutos<=9) minutos = "0" + minutos;
document.write(hora.getHours()+":"+minutos);
</SCRIPT>
</p>
<p> </p>
</div>
<div id="apDiv13"><script languaje="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Juev es","Viernes","Sabado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Ju nio","Julio","Agosto","Septiembre","Octubre","Novi embre","Diciembre")
document.write("<small><font color='000080' face='Arial'>"+dayarray[day]+" "+daym+" de "+montharray[month]+" de "+year+"</font></small>")
</script></div>
<div id="apDiv11">
<script>
window.alert("BIENVENIDO VAMOS A EMPEZAR LOS PRIMEROS PASOS,PINCHA EN EL CUADRO QUE PARPADEA")
</script>
-------------------------------------------------------------------------
si lo habriis con adobe dreamweaver vereis que en la linea 222 hay un div que encuadra todo lo q quiero que se mueva hay quedria poner una barra de desplazamiento para que se moviese solo eso,y el xat q tengo abajo se quedase fijo y se moviese con la otra barra de internet,un saludo y muchas graciass