HTML: Scrollleisten in Tabellen einbauen...?

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/html_scrollleisten_in_tabellen_einbauen_91944/page_1 - zur Vollversion wechseln!

DJ_Cyberdance schrieb am 09.09.2003 um 00:18

Hallo!
Hab ein einfaches Problem, dessen Lösung sich als nicht ganz einfach erweist. Hab eine Seite, deren Layout aus nicht weniger als 13 ineinander verschachtelten Tabellen besteht.

In einem Tabellenfeld <td>...</td> kommt nun recht viel Inhalt rein, der sollte sich scrollen lassen. Habt ihr eine Idee, wie ich in ein einzelnes Tabellenfeld eine Scrollleiste einbaue...?

Ich kann kein Listen-Steuerelement verwenden, weil es sich um keine Liste, sondern um HTML-Inhalt mit Bildern etc. handelt. Die Seite mit Frames aufbauen ist sehr schwer bis gar nicht möglich, das wären unzählige ineinander verschachtelte HTML-Files.

Habt ihr eine Idee...?

Flotschi schrieb am 09.09.2003 um 00:24

wenn die seite voll ist
wird die scrollliste von selbst eingebaut....

DJ_Cyberdance schrieb am 09.09.2003 um 00:35

Ähm... Sorry, vielleicht war die Erklärung nicht ausreichend. Die Größe der einzelnen Elemente auf der Seite ist statisch. Würden sich die Tabellenfelder dem Inhalt anpassen, wäre das Layout jeder Seite völlig anders.

Das Tabellenfeld ist 380px hoch, das darf sich niemals ändern. Wenn hier mehr Inhalt rein soll, dann muß er gescrollt werden, wobei die Scrollleiste am Rand dieses Tabellenfeldes stehen soll. Es soll nicht die ganze Seite gescrollt werden, daß die Leiste von selbst erscheint, wenn die Seite mehr als den Bildschirm füllt, ist klar.

Vivo schrieb am 09.09.2003 um 00:43

Code:

<td>
<div style="overflow: auto; width: 100%; height: 100%;">
.
.
.
</div>
</td>

DJ_Cyberdance schrieb am 09.09.2003 um 00:48

Das klingt gut, auf die Idee bin ich nicht gekommen :-)
Danke!

watchout schrieb am 09.09.2003 um 01:05

der overflow sollte auch im <td> funken...

Vivo schrieb am 09.09.2003 um 01:09

Zitat von watchout
der overflow sollte auch im <td> funken...

Bist du dir da sicher ? imho funktioniert das nämlich nicht ... :confused:

watchout schrieb am 09.09.2003 um 02:52

hmm, 100% nicht - aber ziehmlich, es kostet aber auch nicht sonderlich viel zeit das herauszufinden :P

das problem mit den div's und td's is, dass die css-definition so is, dass die divs durchaus mal über den td-rand schaun können, was eigentlich net so toll is...

Rektal schrieb am 09.09.2003 um 09:14

Man kann auch den table gliedern in thead und tbody und nur dem tbody sagen, er soll scrollen. somit bleiben die Heading immer sichtbar und man hat die Spaltenbeschriftung immer im Blickwinkel.

Vivo schrieb am 09.09.2003 um 13:06

Zitat von watchout
hmm, 100% nicht - aber ziehmlich, es kostet aber auch nicht sonderlich viel zeit das herauszufinden :P

True, aber wer weiss schon mit was für einem Watchout - Trick das dann doch auf einmal funktioniert ...

DJ_Cyberdance schrieb am 10.09.2003 um 10:39

Zitat von Vivo

Code:

<td>
<div style="overflow: auto; width: 100%; height: 100%;">
.
.
.
</div>
</td>

Das funktioniert wunderprächtig so, aber eins wär noch interessant: wie kann ich die horizontalen Scrollbalken verhindern und nur die vertikalen zulassen?

Rektal schrieb am 10.09.2003 um 10:48

overflow-x bzw. overflow-y

DJ_Cyberdance schrieb am 10.09.2003 um 10:59

wunderprächtig... thx

grassi3000 schrieb am 10.09.2003 um 11:08

alternativ kannst es auch mit i-frames machen.....das hat allerdings den nachteil, dass es manche browser nicht darstellen können

siehe http://www.grasberger.org