Tabelle mit dünnem farbigen Rahmen

[VollDerNewb]

Hallo,
Ich will eine Tabelle mit folgenden Eigenschaften:
Der Rahmen soll rot, 1px breit sein. Ich will nicht diesen Standard Doppelrahmen.
Die Zellen sollen die gleichen Eigenschaften haben, das kriege ich leider nicht hin. Nur den äussersten Rahmen, nicht aber den Inhalt.

<table align="center"class="mainTable" style="border:1px solid #FF0000; empty-cells:show; border-spacing:0px;">
<tr>
        <td>test</td>
        <td>test</td>
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
        <td>test</td>
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
        <td>test</td>
        <td>test</td>
    </tr>    
</table>

 

[Freuler]

Gib im Anfangstag <table> folgenden Wert ein: style="border: 1px red solid;"

 

[VollDerNewb]

Das habe ich ja oben gemacht. Dann werden jedoch die Zellen nicht auch rot, sondern nur der äussere Rahmen.

 

[Freuler]

Füge in deiner CSS-Datei folgendes ein:

.maintable td {
border: red 1px solid;
}

 

[mermshaus]

Bei mir im Firefox geht es so:

CSS:

.mainTable {
    margin: 0 auto;    
    border-collapse: collapse;
    border-spacing: 0;
}

.mainTable td {
    border: 1px solid #f00;
}

HTML:

<table class="mainTable">
    <!-- usw. -->
</table>