tebox: Ecken haben die falsche Farbe bei border-collapse

SELF-Forum

Ecken haben die falsche Farbe bei border-collapse

tebox
– Informationen zu den Bewertungsregeln

Hallo, ich habe eine Tabelle gebastelt, in der Kopfzellen eine andere Rahmenfarbe haben als die restlichen Zellen. Die Rahmen sollen dabei aufeinanderfallen (collapse). Das Problem hierbei ist, dass die geteilten Linien zwar die Farbe der Überschrift annehmen, nicht jedoch die geteilten Ecken.

===================================

<html>
<head>
<title></title>
<style type="text/css">
<!--
#tab1{
border-collapse:collapse;
}
#tab1 td{
border:solid 5px lightgrey;
border-top:0px;
}
#tab1 th{
border:solid 5px black;
text-align-left;
}
-->
</style>
</head>
<body>
<table id="tab1" width="600">
<tr>
<th>Headline 1</th>
<th>Headline 2</th>
<th>Headline 3</th>
</tr>
<tr>
<td>Content 1</td>
<td>Content 2</td>
<td>Content 3</td>
</tr>
<tr>
<td>Content 1</td>
<td>Content 2</td>
<td>Content 3</td>
</tr>
</table>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Ecken haben die falsche Farbe bei border-collapse

    Gernot Back Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo tebox,

    #tab1{
    border-collapse:collapse;
    }

    Du bist da wirklich auf ein interessantes Phänomen gestoßen, bei dem sich offensichtlich mal wieder jeder Browser anders verhält. Ich glaube, die einzige Lösung für dich ist, im Gegenteil mit border-collapse:separate;border-spacing:0 (ersteres ist ja aber sowieso Defaultwert) und gleichzeitig

    <table cellpadding="0" cellspacing="0" border="0">

    zu arbeiten. Rahmendicke und -farbe musst du dann je nach Bereich oben, unten, rechts und links unterschiedlich bestimmen. Viel Aufwand...

    Gruß Gernot

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln