Hallo
Ich habe eine Tabelle, deren tbody gescrollt werden kann, waehrend
der theader stehen bleibt. Die Breite des scrollbalkens ist 16px.
Wenn ich nun die Breiten der th-elemente so festlege:
Code:
html>body thead.fixedHeader th {
width: 20px
}
html>body thead.fixedHeader th + th {
width: 20px
}
html>body thead.fixedHeader th + th + th {
width: 40px
}
html>body thead.fixedHeader th + th + th + th {
width: 80px
}html>body thead.fixedHeader th + th + th + th + th {
width: 250px
}
html>body thead.fixedHeader th + th + th + th + th + th {
width: 70px
}
html>body thead.fixedHeader th + th + th + th + th + th + th {
width: 90px
}
html>body thead.fixedHeader th + th + th + th + th + th + th + th {
width: 106px
}
und die Breiten der td -Elemente analog, ausser dass ich
die Breite des letzten td-Elements auf 90 setze anstatt auf 206 (=90+16),
so stimmen die Breiten der td-zellen und der th-Zellen ueberhaupt nicht ueberein -
einige sind breiter, einige sind schmaler.
(Damit es eineigermassen stimmt, muss ich fuer die td-Elemente die folgenden
Werte verwenden:19,19,40,75,265,68,90.)
Die Breite der Tabelle setze ich auf die Summe der Breiten der th-Elemente.
Gibt es fuer die "Nichtbeachtung" meiner Breiten-Wuensche eine Erklaerung?
Oder gibt es eine bessere Methode, in einer scrollbaren Tabelle die Breiten
der th und td aufeinander abzustimmen?
Danke
Jody