Tabelle abgeschnitten

    Hallo,
    ich habe das Problem das meine Tabelle auf dem Pc Bildschirm perfekt angezeigt wird, nur auf dem Handy wird der Text in den Tabellenzeilen einfach abgeschnitten.
    Wäre super wenn ihr mir helfen könntet.
    Gruß

    Hier der Code:

    <table style="height: 489px;" width="236">
    <tbody>
    <tr>
    <td style="width: 146.667px;">Zeit:</td>
    <td style="width: 146.8px;">60 Minuten</td>
    </tr>
    <tr>
    <td style="width: 146.667px;">Thema:</td>
    <td style="width: 146.8px;">Das Gefängnis

    die Skihütte

    der Bunker</td>
    </tr>
    <tr>
    <td style="width: 146.667px;">Preis:</td>
    <td style="width: 146.8px;">68,00€</td>
    </tr>
    <tr>
    <td style="width: 146.667px;">Altersbeschränkung:</td>
    <td style="width: 146.8px;">ab 7 Jahren</td>
    </tr>
    <tr>
    <td style="width: 146.667px;">Personenanzahl:</td>
    <td style="width: 146.8px;">2 – 4 Personen</td>
    </tr>
    <tr>
    <td style="width: 146.667px;">Adresse:</td>
    <td style="width: 146.8px;">Chausseestraße 15

    10117 Berlin</td>
    </tr>
    <tr>
    <td style="width: 146.667px;">Kontakt:</td>
    <td style="width: 146.8px;">info@blabla.de

    0157 / 715 737 89</td>
    </tr>
    <tr>
    <td style="width: 146.667px;">Webseite:</td>
    <td style="width: 146.8px;"></td>
    </tr>
    </tbody>
    </table>

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Das kann ja auch so nicht funktionieren.

    zum einen:
    Du setzt absolute Werte in Pixeln für die Tabelle und die einzelnen Zellen.
    Das ist genau so, als wenn du die Tabellenmaße und Zellenmaße festnagelst.
    Du darfst keine absoluten Werte, sondern relative Werte für die Breite verwenden (anstelle Pixel Prozent verwenden).
    Die Tabelle wird sich dann zwar in der Breite verringern, ob die Tabellenbreite dann aber auf die Handybreite passt hängt von der Länge der Wörter in den Zellen ab.

    Zum anderen::
    Du legst die Tabellenbreite mit 236 Pixeln fest, und hast zwei Spalten. Die Zellen der zwei Spalten legst du aber mit ca. zwei mal 146 Pixeln fest. Das heißt die zwei Zellen haben eine Gesamtbreite von 292 Pixeln uns sind somit breiter als die Gesamtbreite die du für die gesamte Tabelle festgelegt hast.
    Mit anderen Worten du hast den Inhalt der Tabelle größer festgelegt als die äußeren Abmessungen.

    ...und was sollen die krummen Pixelwerte? -> 146.667px ???

    Fülle mal folgende Blankotabelle mit Leben...
    ich habe hier nur die äußeren Maße der Tabelle auf 100% gesetzt

    Gruß Frank

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden