Seitliche Tabellenumrandung durch Zellenrahmen unterbrochen

Liebes Forum,

das Aussehen der Tabelle im Bild ist eigentlich wie gewünscht, wenn nicht die beiden senkrechten Linien an den Zellkanten unterbrochen wären. Die Linien sollen eigentlich einen Rahmen um die gesamte Tabelle bilden.

Anhang 7467

Folgender Beitrag scheint genau das gleiche Problem zu behandeln.

https://www.contao-community.de/show...tabelle+rahmen

Die besprochene Lösung mit border-spacing:0 bringt aber keinerlei Änderung. Außerdem ist border-spacing:0 eigentlich bereits im Reset-CSS eingebaut.

Mein zugehöriges CSS:


.ce_table table
{
width:220px;
margin-top:0.8em;
background-color:#F0F0F1;
border:1px solid #82878B;
color:#565d60;
}

.ce_table tr.odd
{
background-color:#dcdcde;
}

.ce_table tr
{
border-top:1px solid #ffffff;
}

.ce_table td,
.ce_table th
{
padding:0.5em 1em;
font-size:11px;
}

.ce_table .row_first
{
background-color:#c43c13;
border-top:1px solid #82878b;
font-weight:bold;
color:#ffffff;
border-bottom:3px solid #ffffff;
}


Hat jemand eine Idee was ich falsch mache?

Viele Grüße und Danke, Niclas

Hi,

Probier mal

border-collapse:collapse

Damit sollten die Rahmen zusammenfallen.


Sent from my iPad using Tapatalk HD

Hallo itsBernim

danke für Deine schnelle Antwort. Habs im Tabellenstylesheet probiert. Leider bringt auch das nichts. Und genau wie border-spacing:0; ist es auch bereits im Reset-Stylesheet enthalten.

Viele Grüße nach Oberfranken, Niclas

Wo und wie haste denn das eingebaut?

Gibt's nen link zum Projekt?


Sent from my iPad using Tapatalk HD

Hat das einen bestimmten Grund, warum Du da eine Tabelle verwendest?

Zum Problem selber.
Setz die Rahmen mal auf die td und th und nicht auf table und tr.
Damit dürftest Du bessere Ergebnisse erzielen.