Seitliche Tabellenumrandung durch Zellenrahmen unterbrochen

[Niclas]

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.

Tabellen.jpg

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

[itsBerni]

Hi,

Probier mal

border-collapse:collapse

Damit sollten die Rahmen zusammenfallen.


Sent from my iPad using Tapatalk HD

[Niclas]

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

[itsBerni]

Wo und wie haste denn das eingebaut?

Gibt's nen link zum Projekt?


Sent from my iPad using Tapatalk HD

[Thomas]

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.