Henry: Darstellung auf mobilen Geräten

Beitrag lesen

problematische Seite

Hallo borisbaer,

Momentan sieht das Ganze auf meinem Handy so aus:

bei mir auch, aber nur wenn ich mich erinnere, dass ich den Screen kleiner ziehen kann.

Es gibt 2 Hauptprobleme hier:

  1. Der Hintergrund beim Header und Footer ist rechts zu kurz.
  2. Der Seitenhintergrund wird nicht auf die komplette Seite ausgestreckt.

Ich glaube, da sind mehr als 2 Probleme zu beachten.

Ich denke, man sieht das ja sehr gut auf dem Screenshot.

Weiß jemand Rat?

Zuerst mal, sollte dir bewusst sein, dass diese Darstellung so nicht sinnvoll sein kann, weil dann alles viel zu klein. In der Regel wird deshalb bei Mobilview vieles nach unten verschoben. Allgemein spricht man von Responsive Design. Wenn Du dir mal ein paar Beispiele anschaust, wirst du erkennen, dass es keine 1:1 Ansicht Desktop:Handy geben kann, zumindest nicht bei deinem Layout. Das bedeutet du müsstest dir erst mal überlegen, wie es letztendlich auf dem Handy aussehen soll und dann dein CSS für diesen Fall anpassen. Dazu eigenen sich z.B. media queries oder auch hier.

Dazu kommt natürlich noch die Navigation, die mobil oft anders angezeigt werden soll. Dazu gibt es zb. das Stichwort responsive menu.

Du siehst also, dass ist nicht so einfach (bei deinem Layout). Ein paar Anweisungen ändern und fertig, wird hier nicht zufriedenstellend funktionieren. Es sind Grundüberlegungen anzustellen und diese nacheinander abzuarbeiten.

Gruss
Henry