Danke für Deine Mühe Matthias Apsel,
wunderbar
Du solltest dir unbedingt angewöhnen darzustellen, was du erreichen möchtest.
ja, dann tu ich das mal ganz plump. es geht - wiedereinmal - um
http://schmieder-laher.de/HardBread/1em.html .
Die Tastatur sollte einen fixen Platz in der unteren linken Fensterecke haben; darunter wird nichts produziert, sie soll immer voll sichtbar sein. (natürlich darf nicht zu groß gezoomt sein, und für kleine Tablets wird das Programm ungeeignet sein.)
Es müßte also für den Teil darüber eine Höhe festgelegt werden, und das ist etwas schwierig.
Ich habe mal
zu Beginn des body <div style="height:25em; overflow-y: scroll>" und
vor Bginn der <table id="Tastatur" ... das </div> gesetzt, mit verschiedenen height Werten, also nicht nur 25em versucht, komme aber zu keinem befriedigendem Ergebnis, der scroll erfolgt nicht nach oben, sondern der Text verschwindet oft unter der Tastatur; zwar läßt er sich dann nach oben scrollen, ist aber nicht was ich will (und das "Opfer" am Bildschirm, das da ja was lernen soll, wird irritiert ). Zwar gibt es Kombinationen von height, manuell "gezogener" Fenstergröße und Zoom, bei denen es problemlos geht, das findet sich aber nicht leicht.
? vielleicht nach jeder Zeile "da oben" ein scrollIntoView ?
Gute Nacht!