|
|||
[CSS] overflow: scroll; | Barrierefrei ?!
Hallo,
wie kann im IE/FF ein scrollbarer Bereich ohne Mouse bedient werden ? Außer Skip-Links ist mir noch keine Lösung in den Sinn gekommen. Ich habe mal eine Test-Case aufgebaut, evtl. hat ja jemand eine Idee/Lösung. Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-DE" lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>xxxx</title> <style type="text/css" media="screen,projection" title="Druckvorschau => Markup-Semantic"> /*<![CDATA[*/ * { margin: 0; padding: 0; border-collapse:collapse; border-spacing: 0; } html[xmlns] { height : 100%; padding-bottom : .005em; } html, body { color: #000000; background: #DDDDDD; line-height: 1.45; } body { font-size: 100.01%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .scroll { width: 16em; height: 9em; overflow: auto; margin: 0 auto; border: 1px solid #000000; padding: .5em; background-color: #FFCC33; } .scroll p { height: 8em; margin: 1em 0 0; border: 2px solid #000000; padding: 0 .5em .5em; background-color: #FFFFFF; } p { margin: 0; padding: 0; background-color:#BBBBBB; color: #666666; font-size: 0.7em; } /*]]>*/ </style> </head> <body> textfluss</p> <div class="scroll"> [id="top"] »step1</p> [id="step1"] »step2</p> [id="step2"] »step3</p> [id="step3"] »step4</p> [id="step4"] »top</p> </div> textfluss</p> <div class="scroll"> Dies ist ein Absatz ohne Link</p> Dies ist ein Absatz ohne Link</p> Dies ist ein Absatz ohne Link</p> Dies ist ein Absatz ohne Link</p> Dies ist ein Absatz ohne Link</p> </div> textfluss</p></body></html>
__________________
</ulle> |
Sponsored Links |
|
|||
Zitat:
Zitat:
Danke für Deine Gedankengänge
__________________
</ulle> |
|
|||
Zitat:
__________________
</ulle> |
|
|||
Zitat:
__________________
</ulle> |
|
|||
Zitat:
Außer Deinem ersten Beitrag war der Rest quasi SPAM
__________________
</ulle> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Liste wird trotz float:left im li nicht horizontal | img | CSS | 27 | 23.08.2013 13:43 |
joomla template | wrock | CSS | 2 | 06.04.2012 20:24 |
CSS - CMS - lange Menus Balken/BG oben? | shinobi | CSS | 3 | 13.10.2011 22:12 |
Inline Listenelement wird nicht richtig im background befüllt | SteveB | CSS | 3 | 28.04.2011 21:41 |
Darstellungsfehler - FF & IE7 vs. IE6 | mk-gfx | CSS | 2 | 29.10.2008 10:58 |