• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Scrollfähige Liste in HTML-Seite formatieren

Status
Für weitere Antworten geschlossen.

Gawan

Neues Mitglied
Hallo,

ich versuche gerade eine scrollende Tabelle mit einer fixen Titelleiste in einer HTML-Seite zu erstellen.
Das funktioniert auch:
HTML:
<html>
<table class="main"
           cellpadding="2"
           cellspacing="0"
           summary="Demo of scrolling table">
      <thead>
        <tr>
          <th>Header 1</th>
          <th>Header 2</th>
          <th style="padding-right: 17px;">Header 3</th>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <th>Footer 1</th>
          <th>Footer 2</th>
          <th>Footer 3</th>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td colspan="99">
            <div id="iehack">
              <!-- begin ie hack -->
              <table summary=""
                     cellpadding="2"
                     cellspacing="0"
                     border="1">
                <tr>
                  <td>ABCDEFGHIJKLMNOPQRSTUVWXYZ</td>
                  <td>ABCDEFGHIJKLMNOPQRSTUVWXYZ</td>
                  <td>Row 1 Cell 3</td>
                </tr>
                <tr>
                  <td>Row 2 Cell 1</td>
                  <td>Row 2 sadfgasfasdfasdfCell 2</td>
                  <td>Row 2 Cell 3</td>
                </tr>
              </table>
            </div><!-- end ie hack -->
          </td>
        </tr>
      </tbody>
    </table>
</html>

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

Mod-Edit: Code-Tags hinzugefügt (XraYSoLo)
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.
Zurück
Oben