Probleme mit css und Tabellenbreite

Ohne die Webseite zu sehen, ist schwer zu sagen, woran es hakt.
Ich mache sowas inzwischen nur noch mit DIV-Containern, die ich dann unterschiedlich formatiere.

ohne quelltext kann natürlich nicht sagen woran es liegt.
wahrscheinlich ein klener tipfehler...

Es geht um das Drupal 8 Custom Theme von Zymphonies.
Der Quelltext der im Body der Seite steht (Persönliche Daten des Freundes von mir - Adresse - hier durch XXX ersetzt):

Dies habe ich ans Ende der custom-media.css gehängt:

Dies habe ich ans Ende der custom-style.css gehängt:

Und wie gesagt ich habe statt display:block; schon alles mögliche probiert.... Ich bin ratlos.
Aus und einblenden tut er alles die tabelle sieht scheinbar auch aus wie sie soll (Zellenbreite nicht überprüft), aber sie ist nun links und nicht mehr 100% Seitenbreite.
Ich vermute der Container ist einfach nicht 100% breit, aber warum?

Ich muss dazu sagen, das letzte mal habe ich vor locker 8 Jahren Drupal benutzt und css geschrieben...... Aber ich seh keinen Fehler.

@media (min-width: 767px) {
/* Dinge wie Adresstabelle für PC zeigen, auf dem Handy ausblenden */
.showmobile {display:none;}
.showpc {display:block;}
}

musss lauten

@media (min-width: 767px) {
/* Dinge wie Adresstabelle für PC zeigen, auf dem Handy ausblenden */
.showmobile {display:none;}
.showpc {widht:100%;}
}

Aber in der ersten CSS wird es doch auf display none gesetzt, dann nutzt es ja nichts nur die breite zu setzen, sondern muss auch erstmal aktiviert werden bei breiterem Bildschirm.

Deswegen hatte ich

display:table; width:100%;

gemacht aber er zeigt es nur an und ignoriert die Breite.
Vor allem sollte er es doch wenn ich das richtig verstehe mit display:table eh so machen wie die Tabellen im Layout schon definiert sind und das ist in dem Layout schon auf 100%.

Das geht auch problemlos, sobald ich nur die Klasse bei der Tabelle entferne.

mach doch einfach mal einen link auf die seite

http://drupal.wtakademieharburg.com/ueber-uns

Dazu muss ich sagen, wenn ich dem display:block; noch color: ... folgen lasse wird die Schrift farbig angezeigt. nur die Breite geht nicht auf 100%

Die WingTsun Akademie Harburg Tabelle???
Da sind ja direkt in der Tabelle Formatierungen mit Breite 200px drin....

@caw, so wie ich es verstehe, darf es ja keine Rolle spielen, dass in der Tabelle feste Breiten im Style stehen, weil die eh ausgeblendet wird?
So ganz kapiere ich die Problematik aber auch nicht.

@Gorkde, sieht doch ganz annehmbar aus? hast Du noch was verändert?

Tabellen sind und bleiben im resposniven Zeitalter ein Gekrampfe, das man nur in wirklich begründeten Fällen verwenden sollte.
Im Beispiel gibt es nicht den geringsten Grund, das mit Tabellen zu gestalten.

Wenn Du die in mobiler Ansicht mit display:none ausblendest, wird der Inhalt dennoch zum Client transportiert und kostet 'Transfervolumen, was bei schlechter oder teurer Verbindung nervig sein kann.

Entweder verwendest Du Div Container, die je nach Bildschirmbreite unterschiedlich formatiert werden, oder Du versuchst diesen Trick hier anwenden:
https://blog.kulturbanause.de/2012/06/tabellen-im-responsive-webdesign/
"Tabellen mit CSS umstrukturieren"

natürlich speilt es eine rolle: wenn in der taelle direkt 200px breite angegeben sind, wird die natürlich nicht mit 100% breite angezeigt...

@Caw Die Tabelle wird doch im mobilen Bereich ausgeblendet, deswegen meine ich, es spielt keine Rolle...oder was verstehe ich falsch?
Naja, vielleicht sehe ich nicht mehr den alten Stand, evt. wurde ja noch was geändert.
Eigentlich Zeitverschwendung, sich damit lange aufzuhalten.
Tabelle ist hier sowieso fehl am Platz...

Da sind feste Breiten drin und links und rechts je eine Spalte OHNE feste Breite.
Wenn ich die Klasse entferne wird es ja auch korrekt angezeigt.

Es wurde entschieden das mit Tabelle zu machen, weil das vom Design dann später zum Rest passt.
Die Frage ist nur warum sich die Breite nicht auf 100% anpasst sobald es eine CSS Klasse hat und per CSS aus/an geschaltet wird.

Handy aus, PC an. Spalten die sich anpassen können gibt es ja und ohne CSS dispaly geht es ja wie es soll.

Ich hab es jetzt anders gelöst, indem ich ganz darauf verzichte die Tabelle mit display überhaupt wieder zu aktivieren, sondern mit Media Queries min-width und max-width jeweils nur abschalte. Darauf bin ich garnicht gekommen.
Aber trotz allem interessiert es mich, warum es nicht auf 100% Seitenbreite ging wenn ich es mit display anschalte.

Tabellen-Design nutze ich natürlich auch, nur mache ich es nicht mit Table sondern mit DIV Containern:
https://www.sinnesart-massagen.de/content/anwesenheit
(Design ist nicht von mir - nur technische Umsetzung)

Meinst Du die Zelle, oder die ganze Tabelle?
Die Tabelle ist ja auf 100%.
Die Zellen können im Tabellenverband nicht mehr als ein Drittel der Breite einnehmen.
Um das zu schaffen, müsstest Du die feste breite-Angaben für td-Elemente mit 100% überschreiben und dazu noch display:block schreiben.

Aber so wie Du es jetzt hast, ist doch OK.
Nur bei großen Datenmengen wäre es nicht so ideal, die Daten redundant auszuliefern.

Die Tabelle geht eben sobald ich display:table oder block etc. im css auf sie anwende grundsätzlich NICHT über die ganze Seitenbreite.
Also zumindest war sie das ehe ich es anders gelöst habe bei mir nur klein und nicht wie jetzt über die ganze Seite.

Jetzt ist es wie es sollte, aber nur, weil ich display zum wieder anzeigen auf dem PC komplett vermieden und es anders gelöst habe. Ich wüsste halt gern was die Ursache war.