Liste mit fixem Header erstellen

[MarieLouise]

Hallo zusammen,

nach mehreren (erfolglosen) Anläufen versuche ich es jetzt nochmal.

Ich habe hier eine dynamisch generierte Liste http://gawan.mine.nu

Ich würde die Liste jetzt gerne so umbauen dass der Header - also die Zeile mit den Spaltennamen - fix stehenbleibt und der Zeileninhalt (in einem fixen Rahmen) SCROLLBAR ist.
Wichtig dabei ist, dass der Header und die darunterliegende Spalten mitsammen verbunden bleiben und auch in dem Fall, dass die Texteinträge in den Spalten breiter werden und somit die Spaltenbreite verändert wird, nicht komplett auseinander laufen.

Perfekt wäre eine Lösung mit CSS, da ich für eine Ausgabe am Drucker die Scrollfunktion in einem Stylesheet abschalten möchte. ;-)

Bin für jeden Hilfe dankbar !! :-D

lG
MarieLouise

[S.o.T.]

Hatten wir das nicht schon einmal???

[MarieLouise]

Doch, aber es kam dabei leider keine Lösung heraus und ich plage mich noch immer mit dem Problem.

Deshalb habe ich jetzt erstmal eine Webseite aufgesetzt damit zumindest mal halbwegs klar wird worums geht.

[S.o.T.]

Ich wüsste nicht, wie deine Vorstellung anders, als ich sie dir geschildert habe, zu realisieren wäre. Ich würde mich an deiner Stelle ganz einfach an die Standards des Internets halten, denn damit ist man im Zweifelsfall immer gut beraten! =)

[MarieLouise]

Ich habe im Zuge meiner letzten Recherche irgendwo einen Link gefunden mit einer Tabelle die genau das konnte - und genau den Link finde ich jetzt nicht mehr

Aber ich weiß zumindets dass es so geht wie ich mir das vorstelle

[Freshmaker_01]

Musst mal auf einen der css spezies warten

[White]

So?
siehe Anhang O.o

[MarieLouise]

Grundsätzlich: ja

im Detail: nein, weil das im IE nix gleichschaut


Ich habe jetzt die Tabelle an eine Vorlage angepasst - es sieht im IE6.0 auch genauso aus wie ich mir das vorstelle.

http://gawan.mine.nu

Problem ist, dass es im IE7.0 und auch im Firefox wieder komplett anders aussieht - speziell wenn die Einträge in den Spalten länger werden als geplant.

http://gawan.mine.nu/default2.asp

Ich muss mich wohl damit abfinden dass das nicht so funktioniert wie ich will

Hat jemand eine Idee wie ich es jetzt noch schaffe dass die Seite am Drucker ohne den Scrollbalken angezeigt wird, also die komplette Liste ?

Danke
MarieLouise

[e-phy]

Also, ich habe jetzt hier im FF eine Version zum laufen bekommen, die keinen Versatz in den Zeilen hat. Wichtig ist dabei, dass keine Breite angegeben wird. Der größte Wert in der Spalte richtet die Zeile dann entsprechend aus. Alles andere ist murks, da dann der Versatz kommt.

Code:

<style type="text/css" media="all">
body{}
table{}
th,td,tr{
    text-align: right;
    border-left: 1px solid black;
}

</style>



<div>
<table>
<thead>

<tr>
    <th>Datum</th>
    <th>Rechner</th>
    <th>IP-Adresse</th>
    <th>Download in MB</th>
    <th>Upload in MB</th>
    <th style="width: 20px;"></th>
</TR>

  </thead>
<tbody style="height: 200px; margin-right: 20px; overflow: auto;">
<tr><TD><B>Erster</B></TD><TD><B>ZweiterZw ...

Anmerkung: Ein wohl geformter und schön eingerückter Quelltext, dient nicht nur der Schönheit, sonder auch der Übersichtlichkeit. so kann man dann auch einen Fehler schneller finden Eine Tabelle darf ruhig auf mehrere Zeilen aufgeteilt werden

[MarieLouise]

Danke, aber das ist die gleiche Methode wie die Datei von "white"
Das klappt zwar im Firefox, schaut aber im IE nix gleich

http://gawan.mine.nu/default6.asp