Fehler: Tabellenbreite auf iphone unterschiedlich breit, auf PC sind sie okay

Karl Grosch's Avatar

Karl Grosch

27 Sep, 2021 10:09 AM

Produkt: Tao Contao
Contao-Version: 4.9.20
Browser und Browserversionen: ios

Im Texteditor wurden 3-spaltige Tabellen angelegt. In der Darstellung auf dem PC sind diese exakt gleich breit und sauber untereinander. Anders auf dem iphone. Hier ist die Darstellung ungleich, einige stehen über den Rand hinaus, um sie lesen zu können, muß man schieben. Was ist falsch/zu tun?

  1. Support Staff 1 Posted by RockSolid Theme... on 27 Sep, 2021 02:36 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    In der Tabelle aus Ihrem Screenshot ist zu sehen, dass die jeweils längsten Wörter aus jeder Spalte gemeinsam nebeneinander nicht genügend Platz haben bei dieser Bildschirmbreite.

    Um das zu beheben können Sie entweder in die längsten Wörter einen optionalen Trennstrich einfügen [-] oder mit folgendem CSS-Code die Silbentrennung vom Browser aktivieren:

    @media (max-width: 599px) {
        .ce_table {
            -webkit-hyphens: auto;
            hyphens: auto;
        }
    }
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • Bildschirmfoto_2021-09-27_um_12.03.56.png 254 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac