Darstellung auf verschiedenen Monitoren

Thema wurde von mantraroma, 7. Juli 2016 erstellt.

  1. mantraroma

    mantraroma Erfahrener Benutzer

    Registriert seit:
    5. Juni 2013
    Beiträge:
    50
    Danke erhalten:
    1
    Danke vergeben:
    17
    Guten Morgen,

    auch auf die gefahr hin, dass es eine Sache ist, die man eigentlich wissen muss...
    Ich tue es nicht und ich verzweifel grade.

    Ich habe nun endlich meinen Header mit Logo und Kategorien und allem was ich will fertig und nun schaue ich ihn mir auf einem anderen Bildschirm (auch PC) an und alles ist verschoben.
    Ich dachte eigentlich, dass es automatisch auf Bildschirmgröße angepasst wird.

    Bei meinem Bildschirm sieht es gut aus wenn ich eine Shopbreite von 1600px einstelle.
    Bei dem anderen passt alles wenn es 1200px sind.

    Wie bekomme ich es denn hin, dass es immer gut aussieht?

    Schicke mal 2 Bilder mit, wie es soll und wie nicht.

    Es wäre sehr schön, wenn mir jemand erklären könnte wo das Problem liegt und wie ich es beheben kann...
    Auch wenn es vielleicht ne sehr sehr dumme Frage ist...


    Vielen Dank

    Simone
     

    Anhänge:

  2. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Morgen Simone,

    Im StyleEdit mußt du mit unterschiedlichen Gridspalten arbeiten, siehe Bild.
    Damit muß du solange rumspielen bis es dir passt.

    Groß = hohe Auflösung
    Medium = kleinere Monitore etc.pp

    Das macht man für das Logo, den Warenkorb, evt. die Suche oder was sonst im Header angezeigt werden kann.

    gambio11.jpg
     
  3. mantraroma

    mantraroma Erfahrener Benutzer

    Registriert seit:
    5. Juni 2013
    Beiträge:
    50
    Danke erhalten:
    1
    Danke vergeben:
    17
    Danke für Deine Antwort...
    Ich dachte die Grid Spalten Groß sind für die Darstellung auf dem PC
    Medium für Tablett
    und Klein für Handy

    Liege ich damit falsch?

    Es ist auch so, dass es auf meinem Monitor mit 1600 px halt richtig dargestellt wird.
    Und der auf dem es verschoben ist und bei dem 1200px richtig wären, ist größer.

    Das hat mich halt auch ein wenig irritiert.
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    26. November 2015
    Beiträge:
    2.507
    Danke erhalten:
    415
    Danke vergeben:
    1.234
    Hallo Simone,

    du kannst doch oben rechts im Styleedit3 umschalten von PC auf Handyansicht. Da kannst du es dann schon vorab sehen. Leg dir mal einen Teststyle im Styledit an und teste mal die Gridspalten. Hab auch für Grid-Groß die Darstellung auf dem PC eingestellt, dann Tablet Medium und Klein war Handy.

    Gruß Momo
     
  5. mantraroma

    mantraroma Erfahrener Benutzer

    Registriert seit:
    5. Juni 2013
    Beiträge:
    50
    Danke erhalten:
    1
    Danke vergeben:
    17
    Hallo Momo,
    auch Dir vielen Dank für Deine Antwort.

    Aber ich glaube das hilft mir so nicht weiter... Oder ich habe ein riesen Brett vorm Kopf.... (auch nicht auszuschließen)

    Das Problem ist ja nicht, dass es auf verschiedenen Geräten (Handy, Tablett, PC) verschoben ist, sondern auf verschiedenen Monitoren.
    Beide Hängen an einem PC.
    Also bringt es dann ja nichts die Handy oder Tablett Ansicht anzupassen, oder?

    Ich habe um den Header zu erstellen auch die Gridspalten (groß, weil ja erstmal für PC) verwendet.
    Daher bin ich ja eigentlich der Meinung, müsste sich das auf einem anderen Bildschirm anpassen.

    Der Bildschirm (No.1) auf dem es passt ist wie gesagt kleiner, als auf dem, auf dem es nicht passt (No.2).
    Und wenn ich bei diesem (No.1) als Shopbreite 1600 px wähle ist alles hübsch.

    Schaue ich dann auf dem anderen PC (No.2), ist es wie auf dem verschobenen Foto.
    Wähle ich nun als Shopbreite 1200 px, sieht es hier gut aus, beim Bildschirm No.1 aber nicht mehr.

    Und Test 3 mit einem Laptop (kleiner Bildschirm als meiner) passt es auch nicht.
    Dann sieht es auch so aus wie bei 2. (auch schön bei 1200 px).

    So, und Test 4 auf einem weiteren Laptop mit noch kleinerem Bildschirm hat ergeben, dass mit 1200px breite alles hübsch ist.
    Mit 1600 px genauso verschoben wie bei 2 und 3

    Gehe ich jetzt einfach davon aus, dass 1200 px super ist und nur mein Bildschirm ne 'scheiß' Größe/Einstellung hat?

    Ich hoffe man kann einigermaße verstehen, was ich sagen will und es ist nicht zu wirr...

    Vielen Dank
    Simone
     
  6. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Was für eine Auflösung hat der zweite Monitor?
     
  7. mantraroma

    mantraroma Erfahrener Benutzer

    Registriert seit:
    5. Juni 2013
    Beiträge:
    50
    Danke erhalten:
    1
    Danke vergeben:
    17
    No.1 - 1920x1080
    No.2 - 1920x1200
    No.4 - 1366x768

    No.3 habe ich grade nicht mehr zur Hand.

    Habe auch darüber nachgedacht, dass das Problem da irgendwo liegen könnte, aber müsste es denn nicht eigentlich auf jedem Bildschirm angepasst werden?

    Es könnte ja noch mehr Menschen geben, die ne Auflösung wie No.1 haben.
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    16. Januar 2016
    Beiträge:
    656
    Danke erhalten:
    115
    Danke vergeben:
    20
    Eine Frage: Wie rufst du deine Shopseite zu testen auf?

    Bildschirm 1: Browser öffnen -> Shop aufruf
    Blidschirm 2: Browser öffnen -> Shop aufruf
    usw...


    oder auf einem Bildschirm Shop aufrufen und auf einen anderen Monitor den Browser-Tab verschieben?


    Wenn die zweite Variante, dann haben Browser-Tab verschieben bei unterschiedlichen Bildschirmauflösung einen Nebeneffekt und werden oft nach neuladen der Seite (F5) behoben.
     
  9. mantraroma

    mantraroma Erfahrener Benutzer

    Registriert seit:
    5. Juni 2013
    Beiträge:
    50
    Danke erhalten:
    1
    Danke vergeben:
    17
    Die Bildschirme hängen alle an verschiedenen Rechnern.

    Ich rufe den Shop auf, logge mich ein (da der Shop ja offline steht, weil testshop) und klicke dann oben links auf das Einkaufwagen Icon, also Shop aufrufen.

    Das mache ich bei allen Rechner gleich.

    Oder ich lade im Bearbeitungsmodus, aber auch da bei allen Rechner das oben beschriebene Ergebnis.
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    26. November 2015
    Beiträge:
    2.507
    Danke erhalten:
    415
    Danke vergeben:
    1.234
    Hallo Simone,

    also das mit den Gridspalten fand ich auch ziemlich heavy. Bis ich geschnallt habe, dass wenn ich bei den Gridspalten für das Logo den Wert erhöhe, dass ich dann irendwo (also freier Bereich, Suche oder Warenkorb) den Wert dazu wieder verkleinern muß. Beispiel es steht auf 8 und du gehst auf 7 dann mußt du für den Warenkorb der jetzt vielleicht 4 steht dann 5 eingeben. Damit es in der Summe wieder stimmt. Hoffentlich hab ich das jetzt nicht zu kompliziert erklärt...

    Gruß Momo
     
  11. mantraroma

    mantraroma Erfahrener Benutzer

    Registriert seit:
    5. Juni 2013
    Beiträge:
    50
    Danke erhalten:
    1
    Danke vergeben:
    17
    Hallo Momo,

    ja, da habe ich auch lange mit rumgesbastelt.
    Aber wenn man es einmal verstanden hat, ist es ja eigentlich ganz logisch.

    Wie gesagt, das habe ich alles verstanden und auch richtig eingestellt.
    Mich wundert nur, warum es dann auf verschiedenen Bildschirmen trotzdem verschoben ist.

    Sollte dazu noch jemandem was einfallen, wäre ich sehr sehr dankbar über eine Lösung.
     
  12. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Hast du die Auflösung von Nr.2 mal geändert auf die gleiche wie von Nr.1 ?
     
  13. mantraroma

    mantraroma Erfahrener Benutzer

    Registriert seit:
    5. Juni 2013
    Beiträge:
    50
    Danke erhalten:
    1
    Danke vergeben:
    17
    Auch auf die Gefahr hin, dass es eine völlig blöde Frage ist...
    Kann ich die Auflösung nicht nur 'im Verhältnis' ändern?
    Also klar kleiner/größer machen, aber nicht genau auf die Werte.

    Und im Endeffekt habe ich dann ja wieder das Problem, dass der Kunde höchstwahrscheinlich nicht die Uaflösung seines Bildschirms ändern wird.

    Oder denke ich jetzt so völlig falsch...???
     
  14. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Ich weiß nicht ob du falsch denkst, ich bin auch kein Profi und versuche nur auf den Grund für das Verhalten zu kommen.
     
  15. mantraroma

    mantraroma Erfahrener Benutzer

    Registriert seit:
    5. Juni 2013
    Beiträge:
    50
    Danke erhalten:
    1
    Danke vergeben:
    17
    Dafür danke ich Dir auch sehr!

    Bin mehr oder weniger ein absoluter Neuling, und verstehe halt einfach nicht, warum das so passiert.
     
  16. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    26. November 2015
    Beiträge:
    2.507
    Danke erhalten:
    415
    Danke vergeben:
    1.234
    Und wenn du dir deine Seite im Styleedit3 bei allen 4 Darstellungen ansiehst, da sieht es ok aus?
     
  17. mantraroma

    mantraroma Erfahrener Benutzer

    Registriert seit:
    5. Juni 2013
    Beiträge:
    50
    Danke erhalten:
    1
    Danke vergeben:
    17
    Hallo Momo,
    habe es jetzt erstmal nur für Desktop gemacht, weil es sich ja in allen fällen um einen PC handelt,
    werde dann aber gleich die anderen mal machen und schauen, ob es dann besser wird.
     
  18. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    26. November 2015
    Beiträge:
    2.507
    Danke erhalten:
    415
    Danke vergeben:
    1.234
    Mach das mal, vielleicht löst sich dein Problem ja damit, drück dir die Daumen ;)