Hallo! Einige unserer Content Seiten (vor allem größere Bilder und Tabellen) werden im Mobile Candy einfach abgeschnitten. Der abgeschnittene Teil kann auch nicht durch Zoomen oder Scrollen erreicht werden. Ist natürlich für den Betrachter nicht so schön. Beispiel (auf phone ansehen): https://www.stoffywelt.de/shop_content.php?coID=202 Hat da jemand vielleicht eine Lösung?
Hallo Michelle, das Problem ist, dass man Tabellen und Bilder nicht ohne weiteres responsive bzw. für eine mobile Ansicht angepasst bekommt, vor allem wenn sie aus dem Content-Manager kommen. Wir kennen das Problem und suchen nach einer Lösung dafür.
Bei den Bildern könntest du die Grösse in % angeben, also als Beispiel nicht width:300px, height:150px; sondern width:40%; height:40%;. Die % beziehen sich auf den umliegenden Container...
Normaöerweise verkleinern die mobilen Browser auch Bilder und Tabellen so, dass sie passen. Bei Tabellen, die mit älteren HTML-Editoren erstellt wurden findet man aber geren explizite "width"-Angaben, und dann kann der Browser das nicht mehr anpassen.
Wenn es "echte" tabellarische Daten sind leistet dieses script perfekte Arbeit: http://johnpolacek.github.io/stacktable.js. Haben wir bei einigen nachträglich nachgerüsteten mobilen Webseiten im Einsatz. Wo die automatische Umwandlung nicht klappt sind Fälle bei denen Tabellen als Layoutwerkzeug benutzt wurden und somit zweckentfremdet. Beispiel einer Zweckentfremdung wäre z.B. folgender Aufbau: Zeile 1: Bild / Bild / Bild Zeile 2: Text / Text / Text Sehr gute Infos findet man z.B. hier: https://blog.kulturbanause.de/2012/06/tabellen-im-responsive-webdesign/
Wer die Contentseiten Responsiv machen möchte, wird um das http://holdirbootstrap.de/css/ nicht drum herum kommen, vielleicht hat auch gambio die Möglichkeit, für die Zukunft einen Editor einzubauen der das unterstützt. Das ganze ist auch relativ einfach zu verstehen. Wenn man z.B. Bilder auf Contentseiten responsiv haben möchte, sieht das so aus. Code: <img src="..." class="img-responsive" alt="Responsives Bild"> Sorry, ich dachte es geht um das responsiv Template
Bin grad auf diesen Tipp gestossen und hab gleich bei meinen Tabellen width auf 100% geändert. Und das klappt einwandfrei. Manche Zeilenumbrüche innerhalb der Tabelle sind nicht ganz optimal, aber sonst ist es sehr OK...