Hallo zusammen,
ich versuche gerade meine Website ins Zeitalter der Mobilbrowser zu retten, ohne daß die normale Web-Ansicht sich groß ändert. Diese Problemstellung dürfte vermutlich nicht selten sein - mir fehlen also vermutlich die Suchbegriffe, um eine vernünftige Beschreibung zu finden.

Für das beobachtete Phänomen habe ich eine kleine Testseite geschrieben:
Testseite für Mobilbrowser

In einem normalen Desktop-Browser sieht das dann so aus:

In einem Mobil-Browser schiebt sich jedoch beim "Pinch-Zoom" der Inhalt des BODY-Elements unter das DIV, das ein Navigationsmenü auf der linken Seite darstellt. Das sieht dann so aus:

(beide Ansichten sind mit Google Chrome erzeugt worden).

Damit muß ständig horizontal gescrollt werden, Bilder befinden sich plötzlich außerhalb des Viewports und häßlich ist es obendrein. Selbst Lynx erzeugt eine besser lesbare Ansicht als Chrome oder Opera auf einem Tablet.

Gibt es:
 a) Die Möglichkeit, einem Mobilbrowser nahezulegen, einfach wie ein normaler Desktop-Browser umzubrechen und zu "floaten" oder
 b) ihm wenigstens klarzumachen, daß das DIV-Element nicht unter- sondern umflossen werden soll?

Viele Grüße
Nicolas