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
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
SEO Consulting bei
ABAKUS Internet Marketing Erfahrung seit 2002
- persönliche Betreuung
- individuelle Beratung
- kompetente Umsetzung
Jetzt anfragen:
0511 / 300325-0.
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
