 |
Wussten Sie, dass Layer scrollbar sind? Wenn die enthaltenen Elemente dann größer sind als der Layer selbst, werden Scrollbalken angezeigt. Der funktioniert, indem man via CSS das Attribut overflow auf auto setzen.
Beispiel
Ein Beispiel (wird mit IE 5.5 und Mozilla angezeigt):
<div style="width: 300px; height: 100px; overflow: auto;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
</div>
Anwendungsgebiete
Wofür kann man diesen Effekt nutzen? Zunächst einmal als Überraschungseffekt: Frames kennen die Surfer (noch), aber einen Kasten mit Rollbalken inmitten eines Textes gibt es fast nie. An dieser Stelle muss jedoch festgehalten werden, dass solch unkonventionelle Techniken zu Usability-Problemen führen. Verwenden Sie diesen Effekt also nur, wenn Sie sich sicher sind, dass Ihre Zielgruppe damit zurechtkommt. Daneben gibt es weitere potenzielle Anwendungsgebiete. So können Sie die scrollbaren Layer z.B. zur Gestaltung eines komplexen Interfaces einsetzen, wobei hier die gleichen Einwände wie eben gelten.
|
|
|
|
Sie wollen diese Seite ausdrucken? Dafür haben wir eine spezielle Druckversion ohne grafische Elemente entwickelt! |
|
|
Einführung in CSS bei HTMLWorld.
|
|
