scrolle i en div
Her er en side med en <div> hvori er en række punkter. Man skal kunne få indholdet af <div>'en til at scrolle, når man klikker på linkene ovenover. Desværre fungerer det kun i IE, ikke i NS (har testet v.6).I koden her er det jo lavet som ren html med links til ankre i <div>'en. Måske kan man lave noget tilsvarende i javascript, men hvordan? Meningen er som sagt at indholdet i <div>'en skal scrolle inden for <div>'ens rammer - også i NS6+ (ikke 4).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#punkterDiv {
text-align: left;
margin-left: 7px;
border: thin solid #666666;
overflow: auto;
position: absolute;
left: 40px;
top: 140px;
height: 200px;
width: 200px;
}
-->
</style>
</head>
<body>
<p><a href="#her">Her</a> | <a href="#der">Der</a> | <a href="#alleVegne">Alle
vegne</a> | <a href="#ingenSteder">Ingen steder</a></p>
<div id="punkterDiv">
<p><a name="her" id="her">Her</a></p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="der" id="der">Der</a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="alleVegne" id="alleVegne">Alle vegne</a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="ingenSteder" id="ingenSteder">Ingen steder</a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</body>
</html>
I kan se det i funktion på: www.dahr.dk/Web/scrollDiv.html
