Lang genug habe ich nun nach einer Lösung für das Problem mit fixierten Elementen – im speziellen für iPads – gesucht.

So richtig bin ich aber nie fündig geworden. Nun habe ich aber eine, für mich, akzeptable Lösung gefunden.
Die CSS-Anweisung position:fixed allein funktionierte zwar an allen verfügbaren Browsern (z.B.: IE, Firefox, Opera, Safari, Chrome) aber nicht am mobile Safari, wie er am iPad oder am iPhone verwendet wird. Die Anweisung position:static allein brachte auch keine Besserung. Beide gemeinsam aber sind hilfreich.

Wie das ganze aussieht, seht ihr im folgenden Beispiel. Wie es funktioniert, seht ihr an meiner Navigation im oberen Bereich.
Angesprochen wird mein Navigationsbereich, bzw. das Element in dem die Navition eingebunden ist, mit #masthead.

Also sieht der Code folgendermaßen aus:

[pre class="brush: css"]]czo3MDpcIiNtYXN0aGVhZCAqew0KcG9zaXRpb246IHN0YXRpYzsNCn0NCg0KI21hc3RoZWFkIHsNCnBvc2l0aW9uOiBmaXhlZDsNCn17WyYqJl19XCI7e1smKiZdfQ==[[/pre]

Hilfreich an dieser Stelle ist der kleine aber feine Stern * . Denn dieser bewirkt das alle Elemente, die sich innerhalb von #masthead befinden, angesprochen fühlen. fündig bin ich hierbei bei html-world.de
geworden.

Weitere Lösungsvorschläge und Ansätze – sollte es noch einfachere geben, wie ich ihn hier aufzeige – sind in den Kommentaren ausschließlich erwünscht.