Text in tabelle wird auf dem Smartphone abgeschnitten angezeigt

  • NiktheKick

    (@nikthekick)


    vor 10 Jahren, 11 Monaten

    Hallo,

    ich habe vor kurzem meine WordPress Seite von meiner lokalen Testumgebung (XAMPP) auf den Webspace umgezogen. Vor dem Umzug wurden alle Seiten von WordPress korrekt auf meinem Smartphone angezeigt. Auf meiner WordPress Webseite gibt es eine Seite, in der ich mit dem Standardeditor eine Tabelle erstellt und den Rahmen davon unsichtbar gemacht hatte. Damit konnte ich dann einen Lebenslauf in die Tabelle einfügen.

    Seit dem Umzug gibt jedoch mit dieser Seite Probleme. Auf dem PC wird alles korrekt angezeigt. Auf dem Smartphone wird der Text jedoch auf der rechten Seite abgeschnitten. Ich habe die CSS Datei auch in der letzten Zeit gar nicht mehr angepasst, daher ist das schon ziemlich komisch.

    Hat denn vielleicht Jemand eine Idee?
    Besten Dank im Voraus.

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Moderator Marcus Spanier

    (@espiat)

    vor 10 Jahren, 11 Monaten

    Hallo NiktheKick,

    hast du einen Link? Ist für mich schwierig nachzuvollziehen ohne jeglichen Code/ Seite zu sehen.

    Hast du beim Umzug alles korrekt gemacht?
    Wurde die Seite (mit der Tabelle) nach dem Umzug korrekt auf dem Handy dargestellt?

    Thread-Starter NiktheKick

    (@nikthekick)

    vor 10 Jahren, 11 Monaten

    Hallo Es piat,

    hier ist der Link der einzelnen Seite mit der Tabelle, die nicht korrekt auf dem Smartphone angezeigt wird:

    http://www.andreasthomas.info/ueber-mich/

    Das ist auch die einzigste Seite der gesamten Homepage. Alle anderen Seiten werden problemlos angezeigt.
    Vor dem Umzug wurde alles problemlos angezeigt. Erst seit dem Umzug auf den Webspace habe ich das Problem.
    Wie bereits erwähnt, habe ich auch seit dem Umzug nichts mehr an der CSS Datei verändert.

    Moderator Marcus Spanier

    (@espiat)

    vor 10 Jahren, 11 Monaten

    Hallo,

    wenn du die Tabelle width: 100% machst, dann ist das schon ganz annehmbar.

    Problem ist die leere td in der Mitte der table und das padding der li in der table- dann sieht das auf smartphones immer noch nicht 100% gut aus.

    Schon mal überlegt, ob du eventuell dort div’s benutzt?
    Die dann bei kleiner Auflösung untereinander angezeigt werden. Also „Ehrenämter“ über der Liste.

    Thread-Starter NiktheKick

    (@nikthekick)

    vor 10 Jahren, 11 Monaten

    Hallo Es piaT,

    ich hatte gestern Abend mal versucht gehabt, Breite der Tabelle (width) auf 100% zu setzen. Dennoch war dann der letzte Buchstaben am rechten Rand vom Smartphone-Display immer noch abgeschnitten.
    Ja ich habe diese leere Zelle absichtlich eingefügt, da ich nicht wusste
    wie ich bei WordPress mit Tabs arbeiten kann.

    Wo müsste ich denn die „div’s“ einfügen? Sollte ich den td code durch div’s ersetzen?

    Besten Dank schon einmal für deine Hilfe.

    Moderator Marcus Spanier

    (@espiat)

    vor 10 Jahren, 11 Monaten

    Hallo NiktheKick,

    entschuldige die verspätete Antwort.

    Da du nicht weisst, was div’s sind, gehe ich davon aus, dass du noch nicht ganz in der Materie steckst.

    Ich habe mal ein Plugin mit dem twentytwelve theme getestet, was du einsetzt.

    Und zwar Folgendes:
    http://wordpress.org/plugins/wens-responsive-column-layout-shortcodes/

    Ich habe dann folgenden Code für die beiden ersten Zeilen der Tabelle eingesetzt:

    [bscolumns class="one_half"]<strong>Name:</strong>[/bscolumns][bscolumns class="one_half_last"]Andreas Thomas[/bscolumns]
[bscolumns class="one_half"]<strong>Alter:</strong>[/bscolumns][bscolumns class="one_half_last"]48 Jahre[/bscolumns]

    Damit müsste es dann auf der SmartphoneVersion eine gute Darstellung geben.

    Problem gelöst?

    Thread-Starter NiktheKick

    (@nikthekick)

    vor 10 Jahren, 11 Monaten

    Hallo Es piaT,

    mit div’s kenne ich mich leider nicht so gut aus. Wenn ich aber mal ein Beispiel für eine div-Tabelle hätte, dann würde ich das sicher auch hinbekommen.

    Ich habe dasselbe Plugin mal installiert und die beiden Zeilen in der Tabelle eingesetzt. Das hat bei mir aber leider nichts gebracht.
    Mir ist auch aufgefallen, dass durch dieses Plugin der komplette Text auf jeder Seite der Homepage unformatiert angezeigt wird, sobald das Plugin aktiv ist.

    Gibt es denn noch eine einfachere Möglichkeit? Lässt sich vielleicht irgendwie mit Tabs arbeiten? Oder hättest du ein Beispiel für mich, für eine 3 Spaltige Div-Tabelle?

    Besten Dank im Voraus.

    Moderator Marcus Spanier

    (@espiat)

    vor 10 Jahren, 11 Monaten

    Hallo NiktheKick,

    DIV’s und Tabellen sind 2 verschiedene Dinge.

    Um dein Problem zu lösen, musst du die Zeilen:

    [bscolumns class="one_half"]<strong>Name:</strong>[/bscolumns][bscolumns class="one_half_last"]Andreas Thomas[/bscolumns]
[bscolumns class="one_half"]<strong>Alter:</strong>[/bscolumns][bscolumns class="one_half_last"]48 Jahre[/bscolumns]

    Extra einfügen, also nicht innerhalb der Tabelle.

    Dann werden die DIV’s nebeneinander und beim Smartphone übereinander angezeigt.

    Das Plugin wird eigentlich gut erklärt und man kann damit nicht viel falsch machen.
    http://wordpress.org/plugins/wens-responsive-column-layout-shortcodes/screenshots/

    Das Problem mit der Darstellung habe ich leider nicht nachvollziehen können mit der aktuellen WP Version deinem Theme und dem „wens …“ Plugin.

    Andere Plugins, mit demselben Effekt findest du hier:
    http://wordpress.org/plugins/tags/column

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Das Thema „Text in tabelle wird auf dem Smartphone abgeschnitten angezeigt“ ist für neue Antworten geschlossen.