Horizontale Verschiebung bei langen Seiten verhindern
Während der Internet Explorer zwischen kurzen und langen Seiten nicht unterscheidet, differenzieren Firefox, Safari und Opera sehr wohl. Dort tritt bei langen Webseiten das Phänomen auf, dass sich die Seite plötzlich horizontal verschiebt.
Dieser Effekt ist auf die Scrollbar zurück zuführen. Der Intenet Explorer platziert die Scrollbar am rechten Rand des Browserfensters über dem Inhalt. Firefox, Safari und Opera hingegen, richten den Inhalt der Seite neu aus, was zu einer Verschiebung des Inhalts bei langen Seiten führt.
Mit folgender CSS Definition lässt sich dieses Problem in den Griff bekommen:
html {
height: 101%;
}
Dadurch, dass die Höhe jeder Seite nun auf 101% gesetzt wurde, erhält jede Seite einen Scrollbar. Infolge dessen tritt der negative Effekt der Verschiebung nicht mehr auf.
Tags: CSS Hack Tipps und Tricks
Nach obenLesezeichen
Hier kannst du ein Lesezeichen zu diesem Artikel ablegen. Wähle einfach aus den folgenden Lesezeichen deinen persönlichen Anbieter aus. Durch einen Klick auf das jeweilige Icon wird das Lesezeichen erstellt.
