Tabelle wird auf dem Smartphone abgeschnitten

    • 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

    Du gibst dem DIV in dem die Tabelle sitzt ein overflow-x: scroll;

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Natürlich wird sie abgeschnitten. Aber jetzt kannst Du sie scrollen.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Und von max-width auf dem div habe ich nicht geschrieben.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Vielen Dank!

    Es lag an der vorgegebenen Breite im div, deshalb konnte ich nur ein Stück scrollen.

    Das die Tabelle auf voller Breite (voller viewport) ganz angezeigt wird, aber auf kleinem viewport scollbar ist, wird nicht so einfach gehen, oder ?

    Du gibst dem div eine neue Klasse, z.B. .scroll-table und definierst dann den overflow-x für die Klasse mit einer Mediaquery.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Ich habe den 1 div mit .class-table benannt.

    Für testzwecke habe auf der Seite folgendes css geschrieben:


    <style type="text/css">
    @Media screen and (max-width: 400px) {
    .scroll-table {overflow-x: scroll;}
    }
    </style>

    nur wird es leider ignoriert.
    Was mache ich hier falsch?

    Also ich sehe auf dem DIV die CSS Klasse 'scroll-table'.

    Media gehört klein geschrieben und 400px ist zu wenig, da die Tabelle ja 1200px breit ist:

    Code
    @media screen and (max-width: 1200px) {


   .scroll-table {
    overflow-x: scroll;
   }
   
}

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Danke, hatte es hier falsch geschrieben (was die class und media betrifft) auf der Seite war es richtig.

    Hatte mit den 400px ein Denkfehler.

    Sinngemäß heist es, wenn der viewport kleiner als 1200px wird, setzt overflow-x:scroll; ein ?
    Habe ich das so richtig verstanden?

    richtig

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden