Stephan: Eine mit CSS erstellte Tabelle sortieren

Beitrag lesen

Hallo,

ich habe eine Tabelle mit CSS erstellt und möchte nach Zeilen (aufsteigend/absteigend) sortieren. Trotz Recherche im 'HTML' Buch von Stefan Münz/Wolfgang Nefzger und auf 'Selfhtml.org' komme ich zu keiner Lösung.
Kann man das nach dem Datenmodell: 'Tabular Data Control (TDC)' und einer Tabellenformatierung mit CSS bewerkstelligen?...oder sollte man tatsächlich, wie im Buch beschrieben, sich des <table> Tags bedienen?

Hier der Quellcode:

HTML Code:
<html>

<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>

<body>

<div class="tabueb tabuez1">
 Sp. 1</div>
<div class="tabgen tabr1_z1">
 Reihe 1</div>
<div class="tabgen tabr2_z1">
 Reihe 2</div>
<div class="tabgen tabr3_z1">
 Reihe 3</div>
<div class="tabgen tabr4_z1">
 Reihe 4</div>

</body>

</html>

CSS Code:
.tabueb                  { border-bottom-color: #003366;
                           border-bottom-style:   solid;
                           border-bottom-width:     2px;
                           font-weight:            bold;
                           font-size:              10px;
                           position:           absolute;
                           top:                   119px;
                           height:                 15px; }
/*********************************************************/
.tabgen                  { border-bottom-color: #003366;
                           border-bottom-style:   solid;
                           border-bottom-width:     1px;
                           font-size:              10px;
                           position:           absolute;
                           height:                 15px; }
/*********************************************************/
.tabuez1                 { left:                   10px;
                           width:                 400px; }
/*********************************************************/
.tabr1_z1                { top:                   139px;
                           left:                   10px;
                           width:                 400px; }
/*********************************************************/
.tabr2_z1                { top:                   159px;
                           left:                   10px;
                           width:                 400px; }
/********************************************************/
.tabr3_z1                { top:                   179px;
                           left:                   10px;
                           width:                 400px; }
/*********************************************************/
.tabr4_z1                { top:                   199px;
                           left:                   10px;
                           width:                 400px; }
/*********************************************************/

Gruß, Stephan