Style

Assistant

Startseite
Screenshot
Kurzanleitung
Download
Kurse & Infos
>Tipps & Tricks<
Unterstützer
TMXtensions
?Freeware!
About TM
E-Mail
Made with CSS
Valid HTML 4.01!
Stand: 07.12.2002

Tipps & Tricks – Tipp 73
Zur Übersicht

73. Die CSS-Eigenschaft Overflow (11.12.2001)

Scrollbars ("Bildlaufleisten") sind wichtige Navigationsinstrumente in Fenstern und Eingabefeldern, wie z. B. TEXTAREA-Bereichen in Formularen. Gelegentlich sind Scrollbars auch unerwünscht, vor allem dann, wenn diese gar nicht nötig sind, aber dennoch vom Browser als graue Bereiche dargestellt werden (so genannte "Geister-Scrollbars"). Abhilfe schafft die CSS2-Eigenschaft Overflow. Mit ihren Werten auto | hidden | scroll | visible ist eine Feinabstimmung bei Blockelementen wie BODY, DIV oder TEXTAREA möglich. Eine oftmals bereits ausreichende Definition ist:

      
      BODY, TEXTAREA
      {
      Overflow: auto;
      }
      
Weitere Zuweisungen demonstriert Beispiel 73, welches zusätzlich auch die im IE verfügbaren proprietären Eigenschaften Overflow-x und Overflow-y verwendet, welche die separate Behandlung von horizontalen bzw. vertikalen Scrollbars erlauben sollen. Mozilla-Browser kennen alternativ die Eigenschaften -moz-scrollbars-none, -moz-scrollbars-horizontal und -moz-scrollbars-vertical.