Scrollbare Tabelle (Header)

[Niels Runge]

Hallo,

folgendes bereitet mir Probleme:

Ich möchte gerne in einer Tabelle scrollen, das klappt auch soweit ganz gut, nur habe ich eine Tabelle in der Tabelle. Also hier erstmal der Quelltext:

<table border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#FFFF00"><td>Header1</td><td>Header2</td><td>Header3</td></tr>
<tr bgcolor="#CCCCCC">
<td style="width: 100px; height: 60px;" colspan="3">
<div style="width: 100%; height: 100%; overflow : auto;">
<table border="1" style="width:100%;height:100%;" cellspacing="0" cellpadding="0">
<tr><td>a 1</td><td>a 2</td><td>a 3</td></tr>
<tr><td>b 1</td><td>b 2</td><td>d 3</td></tr>
<tr><td>c 1</td><td>c 2</td><td>c 3</td></tr>
<tr><td>d 1</td><td>d 2</td><td>b 3</td></tr>
</table>
</div>
</td></tr>
</table>

Das Problem ist jetzt, dass durch den Scrollbalken die Spalten nicht mehr genau übereinander sind. Bisher habe ich noch keine Lösung gefunden.
Mein Ziel ist es etwas ähnliches wie ein Stringgrid, also z.B. rechts im Explorer, zu erstellen.

Für Tipps und Ratschläge wär ich sehr dankbar.

Gruß
Niels Runge