Anzeige auf Mobile nicht korrekt 
Autor: C K.
Besucht 1196,
Followers 1,
Geteilt 0
Meine Seite zeigt in der Vorschau (Desktop, Mobile und online) korrekt an, dann aber auf Mobile nicht mehr. Die Objekte sind verschoben. Die Abstände habe ich mit leeren HTML Objekt (Höhe eingestellt) gemacht. Das Bild ist via Zeilenstil eingefügt.
Einen Tipp, warum die Objekte auf der mobilen Anzeige verschoben sind? Funktioniert es für Mobile nicht, wenn man mit leerem HTML Objekt arbeitet? Was ich noch gemacht habe, die mobile Version reduziert, indem nicht alle Objekte angezeigt werden.
Danke!
PS: Bild mit Anzeige Vorschau und auf iPhone
Gepostet am
ISt schwer zu sagen was genau bei deinem Projekt schief läuft. Wenn dann müssten wir es selbst testen "Online"! Ich weis nur dass IOS bei manchen Einstellungen nicht das macht wie bei Android oder Windows. Außerdem werden bei der Handyansicht gewisse Grafiken und STILE ausgeblendet (automatisch) um ein schnelleres Ergebnis zu erreichen.
Ein Screenshot wie du die HTML-Objekte eingefügt hast wäre auch hilfreich.
Autor
Danke, Andreas.
Ich habe in der Zwischenzeit viele Möglichkeiten getestet, noch keine Lösung gefunden. Das Problem kurz beschrieben:
- Text-Objekt und Bild über Zeilensti als Hintergrundbild, sodass ich den Text über das Bild legen kann
- Text-Objekt soll im unteren Teil des Bildes angezeigt werden
- den Abstand dazu habe ich Versuchsweise über HTML Objekt oder äusserer Rand im Text Objekt festgelegt. Auf dem Desktop funktionieren beide Varianten, jedoch auf Mobile wird der Abstand weder durch das HTML Objekt noch über Aussenrand Text Objekt "generiert", sodass das Text Objekt im Mitten den Bilder angezeigt wird bzw. das Hintergrundbild vom Text Objekt "zugedeckt" wird.
Was für mich grundsätzlich nicht klar ist, warum ein Abstand, ob mit einem HTML Objekt oder über Text Objekt Aussenrand, auf Mobile nicht wirksam ist.
Oder anders gefragt, wie kann ich den Abstand eines Text Objekte beeinflussen/einstellen, damit dies auch auf Mobile wirksam wird. Ich die verschiedensten Varianten getestet, nichts hat bis jetzt funktioniert.
Vielen Dank
Also deine Seitengestaltung ist nicht korrekt für das responsive Design. Es sollten keine leeren Spalten entstehen.
Auch wenn du es mit HTML-OBjekten befüllst musst du beachten, dass das HTML-Objekt automatisch 350px Höhe hat das du auf 0 px stellen solltest oder eben soviel px wie du benötigst. (dazu kommen von 2 x 3 px STIL Rand) Vielleicht musst du auch <div></div> einfügen in das Objekt damit etwas enthalten ist.
Ganz genau weis ich immer noch nicht was du meinst mit dem Text, Bild, Zeilenstil, Hintergrundbild und wie du das gelöst hast bzw. wie eigentlich das Endergebnis am Handy aussehen soll.
Autor
Vielen Dank, Andreas. Werde deine Tipps/Hinweise gleich mal in der Testseite einarbeiten...und Anpassungen vornehmen...
Endergerbnis Mobile wie auf Bild
Danke
Es geht hier um die Abstände oben und unten, oder? Rechts und Links ist so gewollt?
Ist das Hintergrundbild im Zeilenstil eingebunden und welche Einstellungen hast du da gemacht?
Hast du im HTML-Objekt jetzt etwas eingefügt? Vielleicht wird das OBjekt in der mobilen Variante ausgeblendet. Müsstest du mal schauen ob es hell ist beim vorigen Breakpoint. Vielleicht ist es auch von der Höhe falsch eingestellt oder es floatet nicht nach oben sondern nach unten und das Text-Objekt ist oben statt unten.
Autor
Ja, genau, oben/unten.
Und, jetzt funktioniert es, habe deine Hinweise eingearbeitet. Jetzt muss ich noch herausfinden, was die genaue Ursache war, damit ich eine Lerneffekt aus deinen Tipps gewinnen kann.
Was ich weiss, dass ".....Vielleicht wird das OBjekt in der mobilen Variante ausgeblendet. Müsstest du mal schauen ob es hell ist beim vorigen Breakpoint. Vielleicht ist es auch von der Höhe falsch eingestellt oder es floatet nicht nach oben sondern nach unten und das Text-Objekt ist oben statt unten" nicht die Ursache war, dies habe ich alle überpüft.
Wie auch immer, jetzt kann ich es auf der Originalseite anpassen und sehe dann, was die Gründe waren.
Herzlichen Dank dir für deine Hilfe, wie immer super hilfreich!