Tabellen Responsive machen

  • Hallo. Ich habe alle anderen Tabellen gemöß anderem Forumeintrag hinbekommen

    aber hier scheitere ich

    https://nbehrens.lima-city.de/1/groessen.htm

    nicht responsive.

    Im CSS ist das hinterlegt

    <style>

    media screen and (max-width: 640px) {

    table.zptabledata th, table.zptabledata td {

    white-space: normal;

    }

    }

    </style>

    als Html attribut havbe ich z.b. bei 6 spaltern dieses col width="14%"

    bei 3 spaltern 30%

  • Bitte genauer beschreiben, was Sie unter "scheitern" verstehen, also was Sie erwarten und was stattdessen passiert. Bitte auch beschreiben, um welche der vielen Tabellen auf der Seite es geht.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Wenn eine Tabelle zu viele Spalten hat und diese in der Fensterbreite nicht alle nebeneinander Platz haben, was bleibt uns dann übrig, als die Tabelle mit einem Scrollbalken zu versehen. Für mich ist das das korrekte Verhalten, ausser ich verstehe Sie immer noch nicht. Mit Ihrer anderen Tabelle ist das nicht zu vergleichen, denn die hat nur zwei Spalten und da kann man den Text in der 2. Spalte einfach neu umbrechen, wenn das Fenster schmaler wird. Das ist bei einer Tabelle mit sehr vielen Spalten einfach nicht möglich. Wichtig ist ja, dass der user alle Inhalte der Tabelle sehen kann, wenn er sich dafür interessiert und das scheint mir ja der Fall zu sein.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Danke dann bin ich zufrieden. Der Scrollbalken sollte aber gleich sichtbar sein z.b. auf dem Handy das man schieben kann

    . Bei mir erscheint er auf dem samsung erst wenn ich wirklich schiebe, kann den einbleneden richtig?

  • Das ist im Moment nicht anders möglich. Hier entscheiden die jeweiligen Betriebssysteme/Browser wie und wann der Scrollbalken angezeigt wird.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

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