Sanjoy: Probleme mit Rahmen in Kombination mit thead

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

  1. 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

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!