00 Stimmen

Scrollbar im DIV Container

Frage von Axuter | 07.02.2012 um 13:09

Ich möchte einen Bereich auf meiner Homepage mit CSS oder HTML scrollbar machen. 

Ich benutze einen DIV Container, der 200x200 Pixel groß sein soll und darin soll Inhalt angezeigt werden, der größer als dieser Bereich sein kann. 

Jedoch soll sich dann nicht der DIV Bereich vergrößern, sondern es sollen Scrollbars an den Rändern des Containers angezeigt werden. Geht das?

AntwortenPositivNegativ
00 Stimmen

Die CSS Eigenschaft, die du suchst, ist overflow. Die Eigenschaft overflow benötigt einen Bereich, dessen Höhe und Breite definiert ist. Also in deinem Fall:

#scrollbereich{
  width: 200px;
  height: 200px;
  overflow: scroll;
}

Mit overflow:scroll werden immer beide Scrollbars angezeigt werden. Wenn du stattdessen overlow:auto nimmst, entscheidet der Browser selbst, ob Scrollbars nötig sind oder nicht. Damit kannst du zum Beispiel bei einem langen Text erreichen, dass nur vertikale Scrollbars angezeigt werden. Andere Eigenschaften sind overflow:hidden, womit der Inhalt einfach abgeschnitten wird, wenn er zu groß ist und overflow:visible, wodurch der Inhalt aus dem Bereich herausragt. 

Für dich sollten aber nur die Eigenschaften scroll oder auto relevant sein, je nachdem ob die Scrollbars immer oder nur bei Bedarf angezeigt werden sollen.
09.02.2012 um 18:21

AntwortenPositiv Negativ
Antworten

Ähnliche Themen

Wichtiger Hinweis

Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.