Tabellenlayout mit fixem und scrollbaren Bereich

[Zeitgenosse]

Hallo alle zusammen,

ich habe gleich noch eine Frage. Ich möchte bei meiner Tabelle den oberen Bereich feststehend machen und die Auflistung scrollbar. Aufgrund der Länge der Tabelle weiß man sonst gar nicht mehr, unter welche Spalte die Information fällt.
Die Tabelle selbst befindet sich wiederum in einem div-Container.

Hat jemand eine Idee. Ich habe mal ein Bild abgehangen. Die Spaltenangaben Spalte 1, Spalte 2 etc, sollen also fix sein und die folgende Aufzählung scrollbar.

Ich danke Euch.

Herzlich, Sven.

[Boris]

Mit einer Tabelle allein geht das nicht.

Du musst zwei Teile daraus machen - einen Teil mit den Titeln oben und dann ein DIV darunter mit fester Höhe, Breite und overflow: auto. Darin legst du dann deine Tabelle mit den Informationen rein.

[Zeitgenosse]

Hallo,
danke für die Antwort.
Ich habe mal ein bischen herumprobiert. Meine Tabelle habe ich unterteilz in einen thead-Bereich und einen tbody-Bereich. Den tbody-Bereich habe ich overflow-x: auto und overflow-y: hidden gesetzt. Im FF sieht das schon recht ordentlich aus, im Opera und Safari sieht man keine Veränderung. Darüberhinaus hätte ich gerne, dass die Unterteilung der Zellen durch eine Linie unterteilt werden und ebenfalls mit scrollbar sind.

Gibt es vielleicht hier irgendwelche Ideen?Danke Euch.

Herzlich, Sven.

[Boris]

overflow-x und overflow-y ist nicht valide und kennt nur der IE.

Außerdem habe ich dir doch eine Lösung genannt. Du musst ein DIV erstellen, dieses Scrollbar machen und die komplette Tabelle da rein legen.

[Zeitgenosse]

Hallo,

die Tabelle ist in einem div-Container, hatte ich anfangs schon geschrieben.
Scrollbar habe ich aber nur den tbody-Bereich gemacht. Wenn ich unter td oder tr einen Rahmen reinlege, scrollt dieser nicht. Wie kann man das ändern?
Danke.

[Blacky11]

hallo ich bin neu hier und weis nicht mal wie ich da fragen stellen kann!
vielleicht kannst du mir da helfen?bei scrollen ruckelt mein bildschirm ich weis absolut net an was es liegen könnte!Hoffe du könntest mir da helfen???Gruß Blacky11

[paby]

hier wäre mal ein beispiel...
ist zwar für nof - aber der schnipsel ist der gleiche

http://www.paby.de/nof-tips/html/scrollbare_zellen.html

have fun - paby

[Zeitgenosse]

Hallo,

danke. Ich habe es hinbekommen. Kann man eigentlich den Scrollbalken noch gestalterisch verändern, vielleicht etwas schmaller?

[paby]

schmaler nicht...
im ie kann man ihn noch farblich ändern - wird im ff aber nicht angezeigt...
such mal in google nach scrollbar generator

per java-script kann man ihn mit pfeilen rutschen lassen - aber da hab ich nix zur hand (das alte tutorial dazu ist off)

have fun - paby

[Boris]

Man kann die Scrollleisten komplett ändern und anpassen - mit jScrollPane geht das wunderbar. Ist sogar eine sehr saubere Lösung - und bei abgeschaltetem JS sieht man ganz simpel die "normalen" Scrollleisten.

Siehe: http://www.kelvinluck.com/assets/jqu...crollPane.html