Miglo

Hallo,

ich hab lange im Netz gesucht und leider nix entsprechendes gefunden.

Ich habe eine Tabelle definiert, in der die Spaltenüberschriften stehen bleiben und der Rest der Tabelle scrollbar ist.

Leider entsprechen die Spaltenbreiten der Überschriften nicht mit den Rest der Tabelle überein.

Gibt es eine Möglichkeit die Spaltenbreiten für die Überschrift und weiteren Spalteninhalt bündig auszurichten ?

Der Code sieht bis dato etwa so aus:


Ich habe schon mitbekommen, dass der Firefox-Browser "overflow" im tbody-tag akzeptiert. Ich brauch aber eine Lösung, die mindestens auch im IE7 funktioniert.

Danke!

Gruß
Miglo

Mister Ad

Manko10

Das ist ja auch kein Wunder, wenn du zwei Tabellen nutzt ohne feste Breitenangaben zu nutzen. Das ist übrigens auch semantisch Blödsinn.
Mache eine einzige Tabelle draus und gib dann thead ein position: fixed. Ich habe aber keine Ahnung, ob das in allen Browsern richtig funktioniert, vor allem beim Ausdrucken der Seite.

__________________
Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

Miglo

Hallo Manko10,

ich hab jetzt ne Weile rum probiert, aber ich kriegs nicht ganz hin. Deine Variante das alles in nur einer Tabelle zu machen habe ich übernommen. Leider schaffe ich es aber nicht, den thead zu fixieren.

Ich hab´s mit

<thead style = "position: fixed;">

mit Einbettung in ein div-tag

<div style = "position: fixed;">
<thead>
Inhalt
</thead>
</div>

und auch mit css probiert (ganz sehr neue Geschichte für mich...)

<style type="text/css">
#fest{position:fixed;}
</style>

<thead id = "fest">

bzw.

<div id = "fest">


Nix davon hat das gewünschte Ergebnis gebracht.

Kannst du mir vielleicht ein Beispiel geben?


Danke.

Gruß
Miglo

Manko10

Wie ich es mir schon fast dachte, macht ein position: fixed Probleme. Aber du könntest dem tbody ein overflow: auto und eine gewünschte height-Angabe geben.
Allerdings verstehe ich nicht ganz, worauf du hinauswillst bzw. wofür du das brauchst.

__________________
Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

feeela

Oder overflow: scroll, um das für alle Browser vebindlich festzulegen, zumal die Scrolleiste dann immer dasteht und mit in die Breitenangaben einbezogen werden kann...

Miglo

Ich möchte gerne in eine sehr lange Tabelle einen Scrollbalken einfügen. Die Spaltenüberschriften sollen beim scrollen aber stehen bleiben. Das ganze dient dazu, dass eine Website nicht ellen lang wird, sondern der Inhalt als solcher übersichtlich bleibt.

Im Mozilla-Firefox funktioniert das sehr gut. Der IE7 interpretiert die height-Angabe aber leider für jede Zeile und ein Scrollbalken gibt´s leider auch nicht.

Ich bräuchte aber eine Lösung, die im IE7 als auch im Firefox läuft.

Bis dato habe ich zwei Varianten, die beide nicht zufriedenstellend sind:

1. alles in eine Tabelle.
Mit <tbody style="overflow: sroll; height=500px;"> funktioniert im Firefox astrein aber leider nicht im IE7.

2. Tabelle in einer Tabelle (siehe Code ganz oben im Beitrag)
Funktioniert im Firefox, als auch im IE7. Die Spalten der beiden Tabellen liegen dann aber nicht bündig untereinander.

Gruß
Miglo

ChrisB

Bei zwei voneinander unabhängigen Tabellen ja auch nicht weiter verwunderlich.
Da müsstest du entweder die Spaltenbreiten selber vorgeben, oder mit JavaScript nachhelfen (was auch wieder problematisch wird, wenn der Nutzer die Schriftgröße ändert.)


Einen weiteren Ansatz bietet http://aktuell.de.selfhtml.org/artik...scrolltabelle/
Natürlich auch nicht unbedingt „schön“ - aber an dem Problem haben sich schon einige Leute die Zähne ausgebissen, weil dafür leider keine simple, browserübergreifend funktionierende Lösung existiert.