Webmaster-Crashkurs

CSS und springendes zentrierte Layout

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.

Lösung gegen das springende Layout über CSS

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%; 
}
HTML5-Video-Kurs:
hier klicken für
mehr Informationen
© 2008-2021   •   www.webmaster-crashkurs.de - HTML5 Tutorial mit VideosImpressumDatenschutzerklärung
weitere eigene Projekte: