Seite 1 von 1

CSS -Seite scrollbar machen

Verfasst: 10.12.2009, 11:29
von 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.

Verfasst:
von
Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:
  • einzigartige Texte
  • suchmaschinenoptimierte Inhalte
  • eine sinnvolle Content-Strategie
  • Beratung und Umsetzung
Jetzt anfragen: 0511 / 300325-0

Verfasst: 10.12.2009, 14:22
von 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

Verfasst: 10.12.2009, 20:12
von 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 ;)

Verfasst:
von

Verfasst: 10.12.2009, 21:00
von Loptr

Verfasst: 10.12.2009, 22:12
von 800XE
tkay hat geschrieben: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?

Verfasst: 11.12.2009, 07:14
von 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 :)

Verfasst: 11.12.2009, 09:58
von 800XE
tkay hat geschrieben: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

Verfasst: 11.12.2009, 10:15
von 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 ;)