position:fixed-Menü für tiefe Bildschirmauflösungen

[Getorix]

Guten Morgen miteinander,

1. ich benutze auf meiner Webseite ein CSS-Menü mit dem Attribut Position:fixed.
Die Lösung den befragten Benutzern gut, mir auch und funktioniert auf den meisten Computern einwandfrei.  Ich mache mir jedoch Gedanken über Benutzer, die mit hoher Bildschirmauflösung unterwegs sind. Meinen Test zu Folge hängt dann das Menü aus dem Fenster und die unteren Menüpunkte lassen sich nicht erreichen.

Kann man da etwas dagegen tun oder muss ich das Positon: fixed aufgeben?
http://www.kaninchen-info.de/wildkrautergl.html

2. ich hab mir zum Ziele gesetzt, die Webseite möglichst barrierefrei zu gestalten und auf den folgenden Seiten bereits mein bestes Gegeben in Sachen barrierfreiheit. Seht ihr weiteres Verbbesserungspotential? Was könnte man besser machen?
(die anderen, älteren Unterseiten möchte ich anpassen, sobald ich die drei Seiten so barrierearm habe, wie es geht - das Problem der fehlenden Schachtelung von Menülisten ist bekannt und steht auf der Pendenzenliste)
zwei Beispiele:
barrierebefreite Startseite Ernährung
Beispiel eines Texts

schon mal herzlichen Dank für die Hilfe
Liebe Grüsse
Lina

[JürgenB]

Hallo Getorix,

ich habe das mal so realisiert:

Das Menü wird normal positioniert, es scrollt also mit.
Per Javascript wird nach dem Laden der Seite geprüft,
 - ob der Browser position:fixed unterstützt, und
 - ob das Menü auf die Seite passt.
Wenn beides erfüllt ist, wird das Menü auf position:fixed umgestellt.

Gruß, Jürgen

[Matthias Apsel]

Om nah hoo pez nyeetz, Getorix!

Kann man da etwas dagegen tun oder muss ich das Positon: fixed aufgeben? http://www.kaninchen-info.de/wildkrautergl.html

Du könntest das Menü als position: absolute auszeichnen und bei aktiviertem Javascript bei Bedarf auf :fixed umschalten. Entweder wenn das Menü in das Fenster passt oder wenn es durch das Scrollen oben anstößt oder dass es nur soweit scrollt, bis es auch unten über das Fenster scrollt.

Entwurf, noch nicht fertig, zu sehen unter scroll-float-03.html, das passende Script findest du unter scroll-03.js Matthias