I-Frame-Ersatz
Auf einigen Webseiten sieht man Bereiche, die eigene Scrollbars haben und als eigenständiger Bereich bedienbar sind. Es handelt sich meist um iframes. Da diese nicht auf jedem Browser verfügbar sind kann man sich aber auch selbst Ersatzlösungen über divs basteln. Ein Beispiel kannst du hier probieren: Demo
Die Demo ist unter Internet-Explorer 4 und 5 und Netscape 4 und 6 funktionsfähig.
Für den Nachbau benötigst du im <head> folgende Anweisungen:
<head>
<!-- Javascript laden: -->
<script type="text/javascript" src="scrolldiv.js"></script>
<!-- CSS_Anweisungen: -->
<style type="text/css">
#scrollWindowDiv
{
position:relative;
left:10px;
top:10px;
width:450;
height:255;
clip:rect(0,450,255,0);
layer-background-color:#C0C0C0;
background-color:#C0C0C0;
z-index:1
}
#scrollContentDiv
{
position:absolute;
left:25px;
top:0px;
font-family:verdana,helvetica;
width:400;
line-height:18px;
font-size:12px;
z-index:0;
}
</style>
</head>
Im body notierst du folgendes:
<div id="scrollWindowDiv">
<a href="#"
onMousedown="weiter=1;scrollen(2)"
onMouseup="weiter=0"><img src="up.gif" /></a><br />
<img src="leiste.gif" /><br />
<a href="#"
onMousedown="weiter=1;scrollen(-2)"
onMouseup="weiter=0"><img src="down.gif" /></a><br />
<div id="scrollContentDiv">
<strong>Hier kommt der Text hin</strong>...
<a href="#"
onmousedown="gone();return false">
<strong>top</strong></a>
</div>
</div>
Hier kannst du dir das Script dazu gerne downloaden: 
