CSS -Seite scrollbar machen

[Smilodon]

Hi zusammen,

ich habe ein kleines CSS Problem:
Wie mache ich ein div nur in der Höhe scrollbar? Breche mir da schon seit 2 Tagen die Zähne dran aus und dacht mir jetzt ich frag mal die Experten

lg und danke für eure Hilfe.

[tojas]

Was meinst du mit "nur in der Höhe scrollbar"?

Falls du den vertikalen Scrollbalken meinst, probier mal

Code: Alles auswählen

overflow-y:scroll

sG
tojas

[tkay]

es reicht wenn du dem DIV eine feste Größe gibst height und width und wenn der Content die vorgegebene Größe übersteig, dann kommt der Scrollbalken

[Loptr]

https://de.selfhtml.org/css/eigenschaft ... m#overflow

[800XE]

es reicht wenn du dem DIV eine feste Größe gibst height und width und wenn der Content die vorgegebene Größe übersteig, dann kommt der Scrollbalken

sicher?
sicher das das so ist ohne overflow:auto?

[tkay]

du kannst es mit overflow:auto machen, aber auch mit overflow-y:scroll wie Tojas schon geschrieben hat, eine feste größe solltest trotzdem zuweisen

[800XE]

du kannst es mit overflow:auto machen, aber auch mit overflow-y:scroll wie Tojas schon geschrieben hat, eine feste größe solltest trotzdem zuweisen

sorry das ich nochmal klugAA mach

ohne zuweisung einer größe, verhält sich ein DivCOnteiner wie eine Tabellenzelle = wächst mit dem Inhalt
Wird eine Größe angegeben für x und y dann ist der Weg für eine Vergrößerung "verboten" und mein Galeon schreibt dann den Content trotzdem auf den Bildschirm
z.B.
im KOpf der Seite (Contentbereich, nicht Pageheader) ist eine Box mit 500x230 Pixel und der Inhalt bräucht 800Pixel in y
Dann erscheint der Inhalt auf der höhe von 800Pixel

unter dieser Box ist weiterer COntent .... der beginnt in Zeile 230 .... in den Zeilen 230 - 800 (also auf 570 Bildschirmzeilen) ist dann "doppelterContent"(=sich überlagernder COntent=schlecht bis garnicht lesbar)

entweder overflow:hidden dann ist die DivBox ein "Fenster" auf das "Papier" und das was nicht hinpasst ist einfach nicht zu sehen, oder overflow:scroll(z.B. auto) um das nichtsichtbare durch scrollen sichtbar zu machen


overflow:hidden ist schlecht
denn wenn da einer ein Sehproblem hat und ne große Schrift eingestellt hat, dann sieht der ja nicht alles = NICHT Barierefrei

[tkay]

sooo dann mal hier ein Beispiel: https://tinyurl.com/yaykjzt

folgende CSS Angaben reichen aus:

Code: Alles auswählen

width: 300px;
height: 300px;
overflow-y:scroll;

und alternativ kannst du overflow:auto eingeben - fertig. Wenn du das ensprechend positionieren willst und noch andere DIV Layer hast arbeitest du halt mit float Anweisungen, was den Scroll anbelangt, dann ändert sich aber in der Hinsicht trotzdem nix