Tabelle einfügen, aber mobile-tauglich
-
Hallo
Ich habe eine Tabelle erstellt, die in der Online-Ansicht wurderbar erscheint. Leider wird sie aber in der Mobile-Ansicht nicht korrekt dargestellt –> es werden nicht alle Spalten angezeigt.Wie kann ich das lösen?
URL: http://bernerwerbeszene.ch/report/
Vielen Dank für eine Hilfe
Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).
-
Was genau meinst du mit „es werden nicht alle Spalten angezeigt.“?
Sind die Daten generell nicht vorhanden, oder ist die Tabelle nur zu groß für das Display des Smartphones? Welches Betriebssystem verwendest dein Smartphone? Hast du die Möglichkeit eventuell einen Screenshot des Problems zu erstellen?
Gruß
Martin(IQ) -
Eigentlich sind es 6 Spalten.
http://bernerwerbeszene.ch/report/ (Online-Ausgabe).Beim iPhone 5 werden aber nur 2 Spalten angezeigt. Die Restlichen „schneidet’s“ ab bzw. werden gar nicht angezeigt. Man kann auch nicht nach rechts scrollen.
Hier der Screenshot mit dem iPhone 5:
http://rogerber5.files.wordpress.com/2013/07/image.pngBeim Samsung Galaxy S II werden 3 Spalten angezeigt. Aber auch hier wird’s abgeschnitten bzw. werden nicht alle Spalten dargestellt.
Danke!
-
Nachdem dein Visual-Theme bereits „responsive“ ist, hast du mal versucht unter Design → Mobile das „Mobiloptimierte Theme“ zu deaktivieren? Hilft das vielleicht schon weiter?
Ansonsten könntest du auch versuchen mit Hilfe von etwas Inline CSS-Code und HTML ein paar Scrollleisten zu ergänzen. Näheres steht im englischen Forum.
-
-
Darf ich fragen wie genau? Aufgrund des HTML Codes nehme ich an, du hast dich für die Lösung mit den Scrollleisten entschieden.
Mich würde interessieren, ob du es mit dem Deaktivieren des „Mobiloptimierten Theme“ versucht hast, und wie sich das eventuell auf die Darstellung deines Blogs auf dem Smartphone ausgewirkt hat.
-
Ich habe „deinen“ Code eingefügt und einzig die Breite fixiert –> 630px, was der Content-Breite meines Themes entspricht.
Daduch gibt es mir in der Online-Ansicht gar keine Scrollleiste.In der Mobile-Ansicht gibt’s zwar keine auch keine sichtbare Scrolleiste (was meinem Wunsch entspricht), dennoch kann ich nach rechts scrollen. Ich habe dann noch einen Satz geschrieben: mit dem Smartphone nach rechts scrollen.
Hier die Screenshots:
http://rogerber5.files.wordpress.com/2013/07/1.png
und
http://rogerber5.files.wordpress.com/2013/07/2.pngEin bisschen Wikipedia-Style… ;-)
Bezüglich dem Mobile-Theme habe ich nichts verstellt –> ist immer noch „mein“ richtiger Theme.
Ok?
-
Hast du denn mal versucht, unter Design → Mobile das „Mobiloptimierte Theme“ zu deaktivieren? Ich habe im englischen Forum von Problemen gelesen, die auftreten, wenn dieses noch aktiviert ist, obwohl das eigentliche Theme des Blogs bereits „responsiv“ ist.
„Responsive“ meint, dass sich das Theme von sich aus bereits an die Displaybreite des jeweiligen Geräts anpasst.
-
Das Theme, das ich ausgewählt habe, gefällt mir eben auch auf dem Mobile. Wenn ich dieses Theme deaktiviere, kommt ja die „Default“-Version und die gefällt mir deutlich weniger gut.
Deshalb muss ich mit diesem Kompromiss leben, oder?
-
Mich hätte interessiert, ob es bei deaktiviertem Mobiloptimiertem Theme auf deinem Smartphone zu Darstellungsunterschieden bei der Tabelle kommt, bzw. ob dann vielleicht Scrollleisten angezeigt werden.
Dein Visual-Theme ist bereits responsiv, sollte sich also schon von sich aus an die unterschiedlichen Bildschirmgrößen anpassen. Laut englischem Forum kann es bei „responsiven“ Themes mit aktiviertem Mobiloptimiertem Theme zu Darstellungsschwierigkeiten kommen. Deswegen empfiehlt man dort, dieses testweise zu deaktivieren, falls Fehler auftreten.
- Das Thema ‘Tabelle einfügen, aber mobile-tauglich’ ist für neue Antworten geschlossen.
de.WordPress.com Forums 
