Scrollfähige Liste in HTML-Seite formatieren

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Scrollfähige Liste in HTML-Seite formatieren

    Hallo,

    ich versuche gerade eine scrollende Tabelle mit einer fixen Titelleiste in einer HTML-Seite zu erstellen.
    Das funktioniert auch:

    Quellcode

    1. <html>
    2. <table class="main"
    3. cellpadding="2"
    4. cellspacing="0"
    5. summary="Demo of scrolling table">
    6. <thead>
    7. <tr>
    8. <th>Header 1</th>
    9. <th>Header 2</th>
    10. <th style="padding-right: 17px;">Header 3</th>
    11. </tr>
    12. </thead>
    13. <tfoot>
    14. <tr>
    15. <th>Footer 1</th>
    16. <th>Footer 2</th>
    17. <th>Footer 3</th>
    18. </tr>
    19. </tfoot>
    20. <tbody>
    21. <tr>
    22. <td colspan="99">
    23. <div id="iehack">
    24. <!-- begin ie hack -->
    25. <table summary=""
    26. cellpadding="2"
    27. cellspacing="0"
    28. border="1">
    29. <tr>
    30. <td>ABCDEFGHIJKLMNOPQRSTUVWXYZ</td>
    31. <td>ABCDEFGHIJKLMNOPQRSTUVWXYZ</td>
    32. <td>Row 1 Cell 3</td>
    33. </tr>
    34. <tr>
    35. <td>Row 2 Cell 1</td>
    36. <td>Row 2 sadfgasfasdfasdfCell 2</td>
    37. <td>Row 2 Cell 3</td>
    38. </tr>
    39. </table>
    40. </div><!-- end ie hack -->
    41. </td>
    42. </tr>
    43. </tbody>
    44. </table>
    45. </html>
    Alles anzeigen


    Leider sind Header (= die fixe Titelleiste) immer total verschoben wenn die Einträge in der Tabelle etwas länger sind :(
    Ich würde gerne eine Lösung haben bei der die Spaltenbreite der GANZEN Tabelle vom längsten Eintrag einer gesamten Spalte abhängig ist. Ich hoffe das ist halbwegs klar erklärt :)

    lG
    Riddl