Tabellen scrollen auf einem Bild

[GandalfMobil]

Hi!

Ich habe folgendes Problem oder Frage. Weiß nicht genau, ob es Java Script, HTML oder PHP ist, aber ich möchte folgendes machen:

Ich habe einen schwarzen Hintergrund. Auf diesem ist ein Bild mit 1x1 Pixel größe (grün), dass sich auf 1000 x 700 Pixel auf dem Bild ersteckt. Also habe ich sozusagen einen zweiten Hintergrund. Nun habe ich einen Button als Grafik, wenn ich auf diesen klicke, soll mir innerhalb des grünen Bereiches eine Tabelle aufgebaut werden. Diese Tabelle bekommt einen Index Wert mit übergeben, der je nach Index Wert andere Inhalte in die Tabelle bekommt. Das habe ich bis jetzt mit PHP hinbekommen. Also im Prinzip test.php?index=1

Das Problem ist nun, dass ich diese Tabelle so haben möchte, dass wenn die Tabelle länger ist, diese nicht aus dem grünen Bereich geht, und wenn sie länger ist, dass man scrollt. Hoffe ihr versteht was ich meine. Zur Zeit habe ich das mit einem IFrame gemacht und einer PHP Datei, die in dem IFrame geöffnet wird, nur ich bin damit nicht so zufrieden. Gibt es alternativen dazu?! Hatte schon überlegt, anstatt von einem IFrame in dem man scrollen kann, eine Blätter-Methode zu bauen, so dass man blättern kann. Ist aber auch nicht so schön.

Also wenn ihr das nicht versteht, fragt nach. Das Problem ist glaube ich auch nicht so einfach, denke ich mal.

Danke aber schon mal für Eure Mühe

Mfg Hauke

 

[Maik]

Möchtest du den Inhalt der Tabellenzelle scrollen?

Dann benötigt die Zelle eine feste Höhe und ein eingebettetes <div>-Element mit der CSS-Eigenschaft overflow: auto:

CSS-Code:

td.scroll
{
width: 500px;
height: 300px;
}

HTML-Source:

<td class="scroll">
    <div style="overflow:auto; height: 100%; width: 100%;"> <!-- scrollfähiger Inhalt --> </div>
</td>