Grundlagen

ID #1044

Ist es mit CSS möglich, eine Scollbar in einen "div"-Block einzubauen, sodass der Text den Ramen des Blocks nicht überschreitet?

Ja. Dafür gibt es die Eigenschaft "overflow". Diese kann die Ausprägungen visible, hidden, scroll und auto haben. Standard ist "visible". Beispiel:

div#textcontainer { 

   width: 150px; 

   height: 200px;

   overflow: scroll;

}


Weitere Infos mit einer Beispielseite findest Du bei CSS4You.

Tags: -

Verwandte Artikel:

Letzte Änderung des Artikels: 2004-10-08 08:01
Autor: Jens Grochtdreis
Revision: 1.0

Digg it! Share on Facebook Artikel ausdrucken Artikel weiterempfehlen Als PDF-Datei anzeigen
Übersetzungsvorschlag für Übersetzungsvorschlag für
Bewertung der Nützlichkeit dieses Artikels:

Durchschnittliche Bewertung: 5 (1 Abstimung)

vollkommen überflüssig 1 2 3 4 5 sehr wertvoll

Kommentieren nicht möglich

Kommentar von Terry:
Noch ein paar Anmerkungen:

Bei overflow:scroll erscheint allerdings leider auch ein meist unerwünschter horizontaler Scrollbalken.
Bei overflow:auto erscheint nur ein vertikaler Scrollbalken, so dass diese Variante zu bevorzugen ist.

Allgemeine Nachteile bei scrollbaren Divs:
- mit Opera und Mozilla kann man innerhalb des Divs nicht mit dem Mausrädchen scrollen - man muß den Scrollbalken benutzen.
- Mit Tabs und den Pfeilen der Tastatur läßt sich leider gar nichts bedienen, nur mit der Maus (mit den o.g. Einschränkungen).
So ein Layout ist also nicht barrierefrei.
Added at: 2038-01-19 04:14