Bildlaufleisten ausschalten

von: Werner Zenk

Bildlaufleisten (Scrollbars) sind wichtige Navigationsinstrumente in Fenstern und Eingabefeldern, wie zum Beispiel bei TEXTAREA-Bereichen in Formularen. Gelegentlich sind Scrollbars auch unerwünscht, vor allem dann, wenn diese gar nicht nötig sind, aber dennoch vom Browser dargestellt werden.

• Horizontale Bildlaufleiste ausschalten

<style type="text/css">
body {
 overflow-x: Hidden;
}
</style>

• Vertikale Bildlaufleiste ausschalten

<style type="text/css">
body {
 overflow-y: Hidden;
}
</style>

• Vertikale Bildlaufleiste einschalten

<style type="text/css">
body {
 overflow-y: Scroll;
}
</style>

• Geister-Bildlaufleiste unterbinden
Im Internet Explorer wird bis zur Version 7 eine Geister-Bildlaufleiste
angezeigt (Eine 'Geister-Bildlaufleiste' wird beim IE auch dann angezeigt, wenn nichts auf der Seite steht, diese Bildlaufleiste lässt sich dann nicht bedienen.)

<style type="text/css">
body {
overflow: Auto;
}
</style>

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Nuno: sehr gut! funct aber nur im IE oder? mysql-host.net: Nein, dieser STYLE TAG funktioniert auch in MozillaFireFox ausgezeichnet. Leider fuehrt der Konqueror von KDE (unter LINUX) die Sache nicht korrekt aus und die Bildlaufleisten bleiben erhalten. McFire: Gut. Ist auch nur im IE nötig. FF und O verstehen scrolling:no Frage: was ist eine geister-bildlaufleiste? Werner: Eine 'Geister-Bildlaufleiste' wird beim Internet Explorer auch dann angezeigt, wenn nichts auf der Seite steht, diese Bildlaufleiste lässt sich dann nicht bedienen.
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Abkürzungen mit CSS hervorheben

Infotext unter einem Link anzeigen

CSS Hyperlink #11

Abstand von Text (oder Bilder) nebeneinander verändern

Blinkender Hintergrund - Ein animiertes Gif-Bild wird hier als Hintergrund verwendet.

Mauszeiger - Mauszeiger (Cursor), erstellen oder verändern Sie mit CSS.

CSS Hyperlink #26

Eingabefeld mit Textabstand vom Rand …mehr