Hep
Med lidt css-hokus-pokus kan du såmænd godt :o)
Fandt flg. eksempel et eller andet sted på nettet engang (håber forummet kan klare lidt kode), kopier det ind i en ny html-side, det skulle virke:
<html><head><title>Tabel scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
font-size:100%;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
table {
border-collapse:separate;
border:1px solid #000;
}
caption {
border: 1px solid black;
border-bottom:0;
background:#666;
color:#fff;
font-size:1.2em;
font-weight:bold;
}
thead th {
border: 1px solid #069;
background : #39C;
color:#fff;
padding:.2em;
}
tbody {
overflow: -moz-scrollbars-vertical; /* MOZILLA ONLY */
max-height:15em; /* Insert MAX-HEIGHT */
}
tbody td {
height:auto;
border-right:1px dashed #ccc;
border-bottom:1px dashed #ccc;
}
tfoot td {
border:1px solid #000;
background : #39C;
color:#fff;
}
/* IE-only */
td.IEscroll {
padding:0;
}
td.IEscroll div {
height:15em; /* Insert MAX-HEIGHT */
overflow:auto;
}
td.IEscroll div table {
border:none;
width:20em; /* MAX-WIDTH på tabellen */
}
td.IEscroll div table tr td {
width:50%;
}
.IEscroller {
width:12px;
font-size:1px;
}
</style></head>
<body>
<h1>Tabel scroll eksempel</h1>
<table>
<caption>Overskrift til Tabel</caption>
<thead>
<tr>
<th>Tabel header 1</th>
<th>Tabel header 2</th>
<!--[if gte IE 5]>
<th class="IEscroller"> </th>
<![endif]-->
</tr>
</thead>
<tfoot>
<tr>
<td colspan="2">Footer</td>
<!--[if gte IE 5]>
<td class="IEscroller"> </td>
<![endif]-->
</tr>
</tfoot>
<tbody>
<!--[if gte IE 5]>
<tr>
<td colspan="3" class="IEscroll">
<div>
<table>
<![endif]-->
<tr>
<td id="td_1">1</td>
<td id="td_2">a</td>
</tr>
<tr>
<td>2</td>
<td>b</td>
</tr>
<tr>
<td>3</td>
<td>c</td>
</tr>
<tr>
<td>4</td>
<td>d</td>
</tr>
<tr>
<td>5</td>
<td>e</td>
</tr>
<tr>
<td>6</td>
<td>f</td>
</tr>
<tr>
<td>7</td>
<td>g</td>
</tr>
<tr>
<td>8</td>
<td>h</td>
</tr>
<tr>
<td>9</td>
<td>i</td>
</tr>
<tr>
<td>10</td>
<td>j</td>
</tr>
<tr>
<td>11</td>
<td>k</td>
</tr>
<tr>
<td>12</td>
<td>l</td>
</tr>
<tr>
<td>13</td>
<td>m</td>
</tr>
<tr>
<td>14</td>
<td>n</td>
</tr>
<tr>
<td>15</td>
<td>o</td>
</tr>
<tr>
<td>16</td>
<td>p</td>
</tr>
<tr>
<td>17</td>
<td>q</td>
</tr>
<tr>
<td>18</td>
<td>r</td>
</tr>
<tr>
<td>19</td>
<td>s</td>
</tr>
<!--[if gte IE 5]>
</table>
</div>
</td>
</tr>
<![endif]-->
</tbody>
</table>
<p>Testet og virker i Mozilla firefox 0.9, MSIE 5.0, 5.5 og 6.0 og nedgradere pænt i Opera 7.5.</p>
</body></html>
Ny bruger
Nybegynder
Opret
Preview
