✔ border-<direction> beim Internetexplorer?!

[Microhome]

Hallo ihr lieben.
Ich habe eine Tabelle in der eine Zeile via border-top und border-bottom hervorgehoben werden soll. Das funktioniert auch im Firefox, aber im IEx leider nicht. Woran liegt das?

Hier der Code:

<style>
table.rahmen { border-collapse: collapse; }
table.rahmen td { border: 1px solid silver; padding: 2px; }
</style>

<table class="rahmen">
<tr><td>name</td><td>vorname</td><td>plz</td><td>ort</td></tr>
<tr><td>Müller</td><td>Hans</td><td>12874</td><td>Baden</td></tr>
<tr style="border-top: 2px solid black; border-bottom: 2px solid 

black;"><td>Esper</td><td>Erwin</td><td>23202</td><td>Minden</td></tr>
<tr><td>Günther</td><td>Günter</td><td>47823</td><td>Moosbach</td></tr>
</table>

Danke für eure Hilfe.
m!cro

 

[Maik]

Wie es scheint, unterstützt der IE die border-Eigenschaft nicht für das tr-Element.

 

[hela]

Hallo, ich würde es so machen:

<tr class="markierung">
    <td>Esper</td><td>Erwin</td><td>23202</td><td>Minden</td>
</tr>

CSS:

table.rahmen { border-collapse: collapse; }
table.rahmen td {
    border: 1px solid silver;
    padding: 2px;
}
tr.markierung td {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

 

[Microhome]

Jawoll!! Danke für deine Hilfe - funktioniert super.


Liebe Grüße,
m!cro