nicht angemeldet
Hallo, Matthias,
ich suche nach einer Möglichkeit einen Teil einer Tabelle scrollbar zu machen. Also der THEAD und der TFOOT sollen fix sein und dazischen der TBODY einen Scrollbalken erhalten.
Damit habe ich mich auch bislang vergeblich abgemüht. Als Notlösung kann man die Tabelle aber auch aufteilen und über divs scrollbare Bereiche definieren. Das funktioniert aber sicherlich auch nicht in allen Browsern ...
Grüße,
Sebastian
<html>
<head>
<title>Table Scroll Test</title>
<style type="text/css">
body,tr,td
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
.noscroll
{
width: 200px
}
.scroll
{
display: block;
overflow: scroll;
height: 200px;
width: 200px
}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div class="noscroll">
<table border="0" cellspacing="1" cellpadding="1">
<tr>
<td>head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head head</td>
</tr>
</table>
</div>
<div class="scroll">
<table border="0" cellspacing="1" cellpadding="1">
<tr>
<td>body body body body body body body body body body body body
body body body body body body body body body body body body body
bodybody body body body body body body body body body body body
body body body body body body body body body body body body body
body body body body body body body body body body body body body
bodybody body body body body body body body body body body body
body body body body body body body body body body body body body
body body body body body body body body body body body body body
bodybody body body body body body body body body body body body
body body body body body body body body body body body body body
body body body body body body body body body body body body body
bodybody body body body body body body body body body body body
body</td>
</tr>
</table>
</div>
</body>
</html>