In einigen Browsern wie Firefox, Opera, Chrome etc. wird der vertikale Scrollbalken nur angezeigt, wenn dies die Höhe der dargestellten Webseite erfordert. Das ist natürlich vollkommen richtig, kann jedoch beim erstellen von Webseiten Probleme bereiten, da es bei vertikal zentriertem Inhalt der Seiten zu störenden Verschiebungen kommen kann.Freitag, 10. August 2012
CSS - Scrollbalken immer anzeigen
In einigen Browsern wie Firefox, Opera, Chrome etc. wird der vertikale Scrollbalken nur angezeigt, wenn dies die Höhe der dargestellten Webseite erfordert. Das ist natürlich vollkommen richtig, kann jedoch beim erstellen von Webseiten Probleme bereiten, da es bei vertikal zentriertem Inhalt der Seiten zu störenden Verschiebungen kommen kann.Mit folgendem CSS-Befehl lässt sich der Scrollbalken immer anzeigen und damit der Seiteninhalt zentriert halten:
Der Wert "min-height:101%" sorgt hier dafür, dass die Höhe der dargestellten Seite im Browser stets über 100% liegt und veranlasst damit den Browser, den Scrollbalken unabhängig des Seiteninhalts immer einzublenden.
/*Scrollbar immer anzeigen*/
<style type="text/css">
body, html {
min-height:101%;
}
</style>
<style type="text/css">
body, html {
min-height:101%;
}
</style>
Der Wert "min-height:101%" sorgt hier dafür, dass die Höhe der dargestellten Seite im Browser stets über 100% liegt und veranlasst damit den Browser, den Scrollbalken unabhängig des Seiteninhalts immer einzublenden.
Kommentare
Ansicht der Kommentare:
(Linear | Verschachtelt)
Zu diesem Artikel können leider keine Kommentare gepostet werden.
WinFuture News
Das ist ja alles schön und gut mit dem html-text; ich habe das in vielen Foren so gefunden. Was aber nirgends steht:
Wo schreibe ich den Text hin ?????
Das wäre doch mal gut, wenn das mit in der Information angegeben wäre !!!
Gruß
Wolfram
Der obige CSS-Code muss im Head-Bereich der Seite(n), also zwischen head und /head, eingefügt werden.
Hoffe, geholfen zu haben.
Schöne Grüße