HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Liste mit fixem Header erstellen

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Liste mit fixem Header erstellen

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Gawan



Anmeldungsdatum: 23.10.2006
Beiträge: 1

BeitragVerfasst am: 23.10.2006 20:31:12    Titel: Liste mit fixem Header erstellen Antworten mit Zitat

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. Wink

Bin für jeden Hilfe dankbar !! Very Happy

lG
Gawan
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
admin
Site Admin


Anmeldungsdatum: 16.01.2005
Beiträge: 323
Wohnort: Berlin

BeitragVerfasst am: 02.12.2006 22:55:09    Titel: Antworten mit Zitat

so z.b.:
<table width="200" border="1">
<tr bgcolor="#C0C0C0"><td width="100">a</td><td width="100">b</td></tr>
</table>
<div style="height:500px; width:225px; overflow:scroll;">
<table width="200" border="1">
<tr><td width="100">a</td><td width="100">b</td></tr>
<tr><td>a</td><td>b</td></tr>
<tr><td>a</td><td>b</td></tr>
...
</table>
</div>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen MSN Messenger
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.