Was ist passiert? Nach Update, Poster Reponsive-Sport bei I-Pad aus den Fugen geraten.

Hallo,

wir haben in 14.2 unser Gridsystem verbessert und einen weiteren sogenannten Breakpoint hinzugefügt. Vor 14.2 war es so, dass Ihre Seite z.B. 3-Spaltig dargestellt wurde und ab einer bestimmten schmaleren Bildschirmgröße dann direkt auf 1-spaltige Darstellung umgeschaltet wurde. In 14.2 haben wir hier noch eine Stufe eingebaut und es wird zunächst auf 2-spaltig umgeschaltet und dann erst auf 1-spaltig.

Verstehe ich Sie richtig, dass Ihnen diese Darstellung nicht gefällt und Sie wieder gerne das direkte Umschalten auf 1-spaltig hätten?

Störend ist das bei Ihrer Seite nur, weil die zweite Reihe Linkboxen in einer neuen Reihe platziert ist. Ich prüfe mal, ob es eine Möglichkeit gibt, alle 6 Linkboxen in einer Reihe zu platzieren, dann gäbe es bei der 2-spaltigen Darstellung diese "löscher" nicht.

Hallo Herr Seiz,

super, dass jetzt der "Zwischenschritt" mit der 2er-Spalte gemacht wird .

Wenn das Verhalten mit den "Löchern" noch korrigiert wird, wäre das (auch) für mich perfekt.
Hab es noch nicht ausprobiert, aber im Link oben erscheint es mir, bis auf die "Löcher", optimal.

Herzliche Grüße

Sunny

Hallo,

die "Löcher" bekommt man aktuell nur weg, wenn man eine durch 2 teilbare Menge von Artikeln/Widget in einer Reihe hat, oder wie im folgenden Screencast gezeigt, alle Artikel in einer Reihe platziert (am einfachsten im Spaltenmodus in den Sie mit F8 gelangen):

Ist das eine akzeptable Lösung?

Hallo,

wir haben in 14.2 unser Gridsystem verbessert und einen weiteren sogenannten Breakpoint hinzugefügt. Vor 14.2 war es so, dass Ihre Seite z.B. 3-Spaltig dargestellt wurde und ab einer bestimmten schmaleren Bildschirmgröße dann direkt auf 1-spaltige Darstellung umgeschaltet wurde. In 14.2 haben wir hier noch eine Stufe eingebaut und es wird zunächst auf 2-spaltig umgeschaltet und dann erst auf 1-spaltig.

Verstehe ich Sie richtig, dass Ihnen diese Darstellung nicht gefällt und Sie wieder gerne das direkte Umschalten auf 1-spaltig hätten?

Hallo an alle! Lässt sich diese 2 Spalten Option ausschalten? Und wenn ja wie. Ich hätte gerne wieder von 3 auf 1 und umgekehrt.

Danke für eine Info. Schönen Abend euch.

Hallo zusammen,

die Funktion 3-2-1 habe ich jetzt nach dem Upgrade getestet - super! Jetzt ist es so, wie bei den meisten "ganz großen" und Online-Shops.

Für mich perfekt.

Herzliche Grüße
Sunny

Moin allerseits, ich finde das eher nicht wie bei den ganz grossen. Im Tablet ist die halbe Seite leer. Meine Seite sieht auch nicht besser aus.

Auf PC und Handy top, auf Tablet oder Handy quer flop.

Ich hoffe man kann das ändern?!

Bitte um Lösung:-) danke

Schönes Wochenende

Auf einem iPad sieht das gut aus. Welchen Browser und welches OS nutzen Sie auf diesem Android Tablet?

sony Xperia 8Zoll und hochkant Mit Chrome und firefox. Bei Quer ist wieder alles in Ordnung. Wie gesagt, auf Handy und grossen Tablet und PC keine Probleme. Bei bestimmten Abmessungen siehts nicht gut aus.

Wenn er auf 2 Zeilen springt, liest man 3 Wörter je zeile

Kann man manuell auf 1 bzw. 3 Spalten schalten ohne den 2er zwischenschritt??.

Danke

Hallo,

das Phänomen, das Sie beobachtet haben, liegt weniger am Grid-System, und mehr daran, wie die Seiten auf Zeta-Producer.com aufgebaut wurden. Da ist vor den 1. Spalten jeweils ein Spacer-Widget eingebaut und dies verursacht dann später einen Umbruch. Ich muss mal sehen, wie wir das optimieren können.

Moin, bei meiner Seite ist es auch und da ist kein Spacer. Wäre echt super wenn es da eine Lösung gibt. Bei bestimmten Formaten von Handy und Tablets sieht das übel aus.

Da ist eine hohe Absprungrate vorprogrammiert.

Da muss doch was machbar sein?!

Viele grüße

Dany

Was ich in Ihrem Screenshot sehe, hat mit dem erwähnten Problem aber nichts zu tun. In Ihrem Screenshot sieht man einfach nur lange Worte, die mangels aktivierter Silbentrennung über die Boxen hinausragen. Das ist ein ganz anderes Phänomen. Mehr kann ich nur sagen, wenn ich weiß, welche Programmversion Sie nutzen und welches Layout be dem Projekt im Einsatz ist.

Ja genau, wir nutzen 14.2 Premium Zeta mit Contemporary Responsive. Okay Silbentrennung mal weggedacht, aber die Lesbarkeit meine ich. Viel zu schmal, ich würds besser finden er springt gleich auf 1 zeilig. Bei langen Texten wird man irre beim lesen. Von der Optik ganz zu scheigen.

Gibt es eine Lösung oder eher nicht?!

Danke

Es gibt fast immer eine Lösung. Könnten Sie mir noch die URL zur Site nennen?

Ja klar, dann nehmen wir http://www.seeve-immobilien.de, da es noch ein unfertiges Projekt ist.

Ist jetzt zwar Stripe Resonsive, aber die gleiche Sache. Ab einer bestimmten Breite wird der Text sehr schmal und unschön zum lesen (2spaltig).

Bin gespannt

Mit dem folgenden, angepassten CSS wird ab 640px Fensterbreite auf 1-spaltig umgeschaltet, was sonst erst bei 479px passiert. Die 640px können Sie nach Ihrem Geschmack anpassen.

• Klicken Sie im Menü Website auf "Einstellungen"
• Klicken Sie auf CSS
• Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"

<style>
@media(max-width:640px) {
    .responsivelayout div.zpRow .zpColumn.c1, .responsivelayout .zpColumnItem.c1,
    .responsivelayout .zp-form .c1, .responsivelayout .zpgrid .c1, .responsivelayout div.zpRow .zpColumn.c2,
    .responsivelayout .zpColumnItem.c2, .responsivelayout .zp-form .c2,
    .responsivelayout .zpgrid .c2, .responsivelayout div.zpRow .zpColumn.c3,
    .responsivelayout .zpColumnItem.c3, .responsivelayout .zp-form .c3,
    .responsivelayout .zpgrid .c3, .responsivelayout div.zpRow .zpColumn.c4,
    .responsivelayout .zpColumnItem.c4, .responsivelayout .zp-form .c4,
    .responsivelayout .zpgrid .c4, .responsivelayout div.zpRow .zpColumn.c5,
    .responsivelayout .zpColumnItem.c5, .responsivelayout .zp-form .c5,
    .responsivelayout .zpgrid .c5, .responsivelayout div.zpRow .zpColumn.c6,
    .responsivelayout .zpColumnItem.c6, .responsivelayout .zp-form .c6,
    .responsivelayout .zpgrid .c6, .responsivelayout div.zpRow .zpColumn.c7,
    .responsivelayout .zpColumnItem.c7, .responsivelayout .zp-form .c7,
    .responsivelayout .zpgrid .c7, .responsivelayout div.zpRow .zpColumn.c8,
    .responsivelayout .zpColumnItem.c8, .responsivelayout .zp-form .c8,
    .responsivelayout .zpgrid .c8, .responsivelayout div.zpRow .zpColumn.c9,
    .responsivelayout .zpColumnItem.c9, .responsivelayout .zp-form .c9,
    .responsivelayout .zpgrid .c9, .responsivelayout div.zpRow .zpColumn.c10,
    .responsivelayout .zpColumnItem.c10, .responsivelayout .zp-form .c10,
    .responsivelayout .zpgrid .c10, .responsivelayout div.zpRow .zpColumn.c11,
    .responsivelayout .zpColumnItem.c11, .responsivelayout .zp-form .c11,
    .responsivelayout .zpgrid .c11, .responsivelayout div.zpRow .zpColumn.c12,
    .responsivelayout .zpColumnItem.c12, .responsivelayout .zp-form .c12,
    .responsivelayout .zpgrid .c12 {
        width: 100% !important
    }

    .responsivelayout .zp-form.zp-editable .resizablefield input, .responsivelayout .zp-form.zp-editable .resizablefield textarea {
        max-width: none !important
    }

    .responsivelayout .zpSpacer {
        clear: both
    }

    .responsivelayout .zpSpacer.hor {
        display: none
    }
}
</style>

Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

Vielen Dank