Wrapper auf mobilen Geräten anpassen

[AndiK]

Hallo,

ich habe das Problem, dass der Wrapper meiner Seite (http://unterdermuschel.de) auf mobilen Geräten nicht korrekt dargestellt wird. Er ist schlichtweg zu klein und wird abgeschnitten.

im CSS hatte ich eine min-width bzw. width von 800px eingestellt. Das wird aber nicht erkannt.

Wo muss ich das einstellen?

lg
Andi

[tab]

Also bei mir auf meinem Android-Handy sieht das durchaus so aus, als ob der Wrapper 800 px breit sein könnte. Das ist mehr als mein Gerät darstellen kann, deswegen sehe ich nur den linken Teil der Seite, kann aber durch Wischen nach rechts scrollen und sehe dann eben den rechten Teil der Seite.

[AndiK]

Das ist klar. Die Seite ist vor Jahren nicht für mobile Geräte gebaut worden.
Auf meinem iPhone wird der Wrapper quasi geteilt, links sieht man den weißen Hintergrund, rechts steht die Schrift dann auf dem roten "Body-Hintergrund".

[tab]

Dein Wrapper ist also eigentlich zu groß, nicht zu klein.
Ah, jetzt ... Es liegt an deinem Slider, der hat eine Breite von 800px und verursacht dann das Problem, während der Wrapper sich eigentlich korrekt an die Viewportbreite anpasst. Auch das Bild unten sollte eventuell ein max-width: 100% und height: auto bekommen, sonst kann auch das notfalls nicht kleiner als 500px werden.

[mlweb]

Ein Umbau auf responsive Design ist keine Alternative?
Abgesehen von dem Fehler ist das doch weder was Halbes noch etwas Ganzes.

[AndiK]

Dein Wrapper ist also eigentlich zu groß, nicht zu klein.
Ah, jetzt ... Es liegt an deinem Slider, der hat eine Breite von 800px und verursacht dann das Problem, während der Wrapper sich eigentlich korrekt an die Viewportbreite anpasst. Auch das Bild unten sollte eventuell ein max-width: 100% und height: auto bekommen, sonst kann auch das notfalls nicht kleiner als 500px werden.

Die Seite wurde nicht responsive gebaut und wird wohl auch nicht umgebaut werden.

Vielleicht habe ich mich missverständlich ausgedrückt:

Der Wrapper, auf dem die Artikel liegen, soll sich nicht verkleinern, die Seite soll auf mobilen Geräten genau so, wie auf dem Desktop dargestellt werden.

[AndiK]

Ein Umbau auf responsive Design ist keine Alternative?
Abgesehen von dem Fehler ist das doch weder was Halbes noch etwas Ganzes.

Wäre absolut angebracht, nur habe ich das nicht zu entscheiden.

[mlweb]

Der Wrapper, auf dem die Artikel liegen, soll sich nicht verkleinern, die Seite soll auf mobilen Geräten genau so, wie auf dem Desktop dargestellt werden.

Meinst Du damit, dass der Nutzer zoomen muss?

[mlweb]

Wenn es nicht gezoomt werden soll, sondern so wie derzeit der "fehlende Rest" durch Wischen erreicht werden soll, dann nimm mal in der media-querie für max-width: 767px
width: auto; raus.

Ob das ausreicht, oder dann woanders Nebenwirkungen auftauchen, musst Du mal schauen. Gefrickel ist das auf jeden Fall und Google wird das nicht belohnen (falls das der Hintergrund der Aktion sein sollte).

[mlweb]

Verwendest Du ein separates Layout für mobile Seiten?