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
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.
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.
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
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
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.
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.
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.
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
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.
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...???
Ich weiß nicht ob du falsch denkst, ich bin auch kein Profi und versuche nur auf den Grund für das Verhalten zu kommen.
Dafür danke ich Dir auch sehr! Bin mehr oder weniger ein absoluter Neuling, und verstehe halt einfach nicht, warum das so passiert.
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.