Zellenbreite stimmt nicht

[Karin]

Hallo

Ich möchte 'ne Tabelle mit fixem Header machen. Den fixierten Header kriege ich hin, aber die Zellenbreite im tbody stimmt nicht mit der Breite im thead überein. Was muss ich ändern?

Gruss
Karin

Hier mein Code:

<div id="tableContainer" class="tableContainer">
<table id="ListeVerwaltung" class="data sortable scrollTable">
  <thead  class="fixedHeader">
   <tr  class="alternateRow">
   <th>
    ...
   </tr>
  </thead>
  <tbody  id="ListeVerwaltungBody"  class="scrollContent">
   <tr>
    <td>
    ...
  </tr>
</tbody>
</table>
</div>

und hier das css dazu:
div.tableContainer {
clear: both;
/* border: 1px solid #963;*/
height: 700px;
overflow: auto;
width: 95%;
overflow: hidden;
}

div.tableContainer table {
float: left;
width: 95%;
border-collapse: collapse;
background:#FFF;

}

thead.fixedHeader tr {
position: relative;
display: block;
width: 95%;
}

thead.fixedHeader th {
height: 30px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-top: 1px solid #CCC;
font-weight: normal;
padding: 0 px;
text-align: left
}

html>body tbody.scrollContent {
display: block;
height: 650px;
overflow: auto;
width: 95%
}

tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
background: #FFF;
border-bottom: none;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-top: 1px solid #DDD;

}

tbody.scrollContent tr.alternateRow td {
background: #EEE;
border-bottom: none;
border-left: none;
border-right: 1px solid #CCC;
border-top: 1px solid #DDD;
}

html>body thead.fixedHeader th {
width: 100px !important;
padding: 1px;
}

html>body tbody.scrollContent td {
width: 100px !important;
padding: 1px;

}

[Jens Holzkämper]

Tach,

Ich möchte 'ne Tabelle mit fixem Header machen. Den fixierten Header kriege ich hin, aber die Zellenbreite im tbody stimmt nicht mit der Breite im thead überein. Was muss ich ändern?

das klingt, als stimme da etwas mit der Anzahl der Zellen pro Zeile nicht; hast du die mal nachgezählt?

mfg
Woodfighter