Erstellen farbiger Scrollbalken und der Befehl overflow

Mit diesen Befehlen und Eigenschaften passen sie die Scrollbalken - oder auch Bildlaufleisten genannt - des Browserfensters, Formularfeldern oder Div Boxen dem Design Ihrer Seite an. Leider wird diese Funktion nur vom Internet Explorer ab er Version 5.5 unterstützt. In anderen Browsern bleibt die Farbe des Scrollbalkens grau.

Befehl	Beschreibung
scrollbar-3dlight-color	Bestimmt die Farbe des linken, äußeren Schattens.
scrollbar-arrow-color	Bestimmt die Farbe der Richtungspfeilen.
scrollbar-darkshadow-color	Bestimmt die Farbe des rechten, äußeren Schattens.
scrollbar-face-color	Bestimmt die Farbe des Scrollbalkens.
scrollbar-highlight-color	Bestimmt die Farbe des linken, inneren Schattens.
scrollbar-shadow-color	Bestimmt die Farbe des rechten, inneren Schattens.
scrollbar-track-color	Bestimmt die Farbe des Scrollbalken-Hintergrundes.
scrollbar-base-color	Grundfarbe einer Scrollbar.

Beispiel Css Code für den Body.
body { color: black; font-size: 14px; background-color: #ffffc8;
           scrollbar-Base-Color: #F5F5DC;
           scrollbar-track-color: #8B0000;
           scrollbar-face-color: #FFFFFF;
           scrollbar-highlight-color: #FF0000;
           scrollbar-3dlight-color: #F5F5DC;
           scrollbar-darkshadow-color: #F5F5DC;
           scrollbar-shadow-color: #FF0000;
           scrollbar-arrow-color: #FFD700;}
Erlaubt sind hexadezimale Angaben (z. B. #FFD700), Farbnamen (z. B. green) und auch RGB-Werte.

Ein Beispiel, Bildlaufleisten zu verwenden ist, wenn Sie bestimmten div-boxen, Bereichen oder Elementen feste Breiten- und Höhenangaben zugewiesen haben - z.B. die Div-box mißt 200 x 200 pixel-, aber der eingefügte Text oder das Bild ragt über diese Größe hinaus. So kann man mit dem Befehl
"overflow: scroll;" den Browser dazu zwingen, eine Bildlaufleiste zur Verfügung zu stellen.
so sieht es aus

Fazit: Mit overflow bestimmen Sie, wie übergroße, innere Elemente behandelt werden.
Folgende Angaben sind möglich:
visible = Inhalt ragt aus dem Element so weit heraus, dass sein Inhalt auf jeden Fall komplett sichtbar ist.
hidden = Inhalt wird abgeschnitten, wenn er die Grenzen des Elements überschreitet.
scroll = Inhalt wird abgeschnitten, der Browser sollte jedoch Scroll-Leisten anbieten,
auto = Der Browser soll entscheiden, wie das Element im Konfliktfall angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein.
so sieht es aus