Probleme mit Rahmen in Kombination mit thead
Sanjoy
- css
Hallo liebe Helfer,
wenn ich in der CSS Datei den Rahmen einer Tabelle und z.B. die Hintergrundfarbe festlege...
table {
border: 2px solid #fff;
background-color: #000;
}
...dann funktioniert das wunderbar, allerdings nur solange wie ich kein <thead> Element in der Tabelle verwende. Denn dann ist zwar der Hintergrund immernoch schwarz, Angaben zum Rahmen werden aber ignoriert.
<table><tr>
<td>Test</td>
</tr></table>
=> funktioniert
<table>
<thead>....</thead>
<tfoot></tfoot>
<tbody></tbody>
</table>
=>Rahmenangabe wird ignoriert
Allerdings kann ich doch für ein <thead> Element gar keine Rahmenattribute setzen?
Wo liegt mein Fehler?
Vielen Dank und liebe Grüße
Sanjoy
Hallo Sanjoy
<table>
<thead>....</thead>
<tfoot></tfoot>
<tbody></tbody>
</table>
=>Rahmenangabe wird ignoriert
Das ergibt auch kein gültiges HTML.
<table>
<thead><tr><td>Head</td></tr></thead>
<tfoot><tr><td>Fuß</td></tr></tfoot>
<tbody><tr><td>Inhalt</td></tr></tbody>
</table>
Hierbei wird zumindest im 6er IE und Mozilla ein sauberer Rahmen um die Tabelle gezogen.
Allerdings kann ich doch für ein <thead> Element gar keine Rahmenattribute setzen?
Können kannst du schon, ob es irgend ein Browser dann anzeigt, ist etwas ganz anderes.
Du kannst allerdings den Zellen innerhalb von thead, tfoot oder/und tbody einen Border geben:
table, thead td, tfoot td {
border: 2px solid #f00;
background-color: #0f0;
border-collapse:collapse;
}
thead td, tfoot td {
border-width:2px 0;
}
Auf Wiederlesen
Detlef