Bei einem zentrierten Layout taucht ein Problem auf. Wenn man von einer Seite mit wenig Inhalt auf eine Seite mit viel Inhalt wechselt, die einen vertikalen Scrollbalken im Browser notwendig macht, springt das Design.
Was passiert? Die Seite mit wenigem Inhalt und ohne Scrollbalken hat eine andere Mitte (Fensterbreite ohne Scrollbalken). Bei der Seite mit viel Inhalt dagegen wird durch den Scrollbalken die Mitte weiter nach links verlagert.
Wir blenden permanent die vertikalen Scrollbalken über CSS ein und das springende Layout wird phlegmatisch.
Das werden folgende 2 Angaben benötigt:
html {
height: 100%
}
body {
min-height: 101%;
}