Smartphone Ansicht lässt sich nach rechts in weißes Nichts schieben
Author: Christa M.Beim erstellen der Website bin ich auf ein Problem gestoßen.
Die Ansicht auf PC und Tablet ist in ordnung, allerdings kann man auf dem Smartphone die Website nach rechts ziehen um auf nichts als eine weiße Seite zu stoßen.
Auf einer meiner Seiten hatte ich dieses Problem nicht. Der Html code:
<style> #imHeader {position: fixed; z-index: 1000; left: 0; right: 0} </style>
der eigentlich zum fixieren der oberen Menüleiste am oberen Bildschiermrand gedacht war verhindert aus welchem Grund auch immer das nach rechts wischen.
Ich würde ja einfach den code auf alle seiten packen, aber er sorgt dafür das die Links in dem fixierten Menü nicht mehr funktioneren sobald man runter scrollt.
Gibt es jemanden, der mir zeigen kann, wie ich die weiße Seite wegbekomme, oder einen funktionierenden html code teilt, der hoffentlich auch gleich das erste Problem auf einen schlag löst?
Hallo!
Ich kenne dieses "Problem" nur, wenn ich in der Smartphoneauflösung im Header / Footer irgendein Objekt habe, welches nach rechts raus ragt oder ganz rechts außerhalb der (480px) Smartphonebreite liegt.
LG,
Dieter
Guten Tag Christa,
danke für Ihre Nachricht.
Wie Dieter korrekt gesagt hat, passiert das normalerweise, wenn es Objekte auch nur teilweise außen des Header-oder Fußzeilenrand angeordnet sind. Kontrollieren Sie bitte bei den verschiedenen Umbruchpunkte auf Schritt 2 -Inhalt des Templates, ob es Objekte im Header oder Fußzeile gibt, die nicht korrekt im Arbeitsraum zu finden sind. Z.B:
Korrekt:
Nicht korrekt:
Danke!
Mit freundlichen Grüßen.
Author
Vielen Dank an die schnellen Antworten.
Das Titel Objekt war zu groß. Nach Verkleinerung war der genannte Efekt verschwunden.
Vielen Dank
Christa