Dastellungsprobleme Tabelle

simonostheim · Mitglied · Oktober 8, 2015 at 8:27 am
Link kopieren

Thema zu Favoriten hinzufügen
Hallo.

Meine Tabelle ragt seit neuestem in die Seitenleiste hinein und wird von dieser verdeckt:
https://moietlesautres.wordpress.com/termine/

Problem tritt auf in Chrome und Safari, nicht jedoch in Firefox…

Vielen Dank und beste Grüsse aus Frankfurt
Simon

Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).
zodiac1978 · Mitglied · Oktober 8, 2015 at 9:41 am
Link kopieren
In Blink/Webkit-basierten Browsern (Chrome, Safari, etc.) wird in Tabellen anscheinend ein Link nicht standardmäßig umbrochen, daher die zu lange Breite der letzten Spalte.

Du könntest mit ein wenig Inline-CSS das Problem lösen.
Zum Beispiel, wenn du die Spalte so auf 160 Pixel Breite begrenzt:
style="max-width: 160px"

Oder noch besser, mit diesem Befehl:
```
/* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
```
(Quelle: https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ )

Per Width-Attribut funktioniert das nicht.

Gruß, Torsten
simonostheim · Mitglied · Oktober 9, 2015 at 9:26 am
Link kopieren
Hallo Torsten.

Erstmal: Herzlichen Dank!

Ja, genau das scheint mein Problem zu sein!

Frage: Die Webseite ist auf wordpress.com gehostet, kann ich dort überhaupt mit CSS arbeiten?

Danke und beste Grüsse
Simon
zodiac1978 · Mitglied · Oktober 9, 2015 at 1:46 pm
Link kopieren
Custom CSS für alle Tabellen global geht nur per Premium-Tarif.

Aber du kannst auf den Text-Editor wechseln und dem td-Befehl ein style-Attribut geben mit ein wenig Inline-CSS.
style="word-break: break-word;"

Das müsste funktionieren.

Gruß, Torsten
simonostheim · Mitglied · Oktober 13, 2015 at 2:14 pm
Link kopieren
Hallo lieber Torsten.

Hat geklappt :-)
```
<table style="word-break:break-word;">
```
Konzerte

Herzlichen Dank für Deine Hilfe!

Wenn Du magst schicke ich Dir eine CD von uns, bräuchte dann aber Deine Postanschrift.

Beste Grüsse aus Frankfurt
Simon
zodiac1978 · Mitglied · Oktober 13, 2015 at 2:22 pm
Link kopieren
Cool! Vielen Dank für die Rückmeldung :)

Vielen Dank für das Angebot. Sehr gerne!
Meine Postadresse findest du hier:
http://torstenlandsiedel.de/kontakt/

Merci aus Hamburg! <3
Torsten