Stefan Bach: frameless mit position: fixed - und die alten Browser?

Beitrag lesen

Hallo,

Mit position: fixed kann man z.B. eine Navigationsleiste stets sichtbar im Browser "verankern" - leider aber nur in Browsern, die CCS2 unterstützen. Ein Manko, auf das man aber rücksicht nehmen sollte - der User ist schließlich König. Wie also würde die Lösung bei einem Browser ausshene, der von CCS2 noch nie etwas gehört hat, es aber dennoch frameless bleiben soll?

Ich sehe hier eigentlich kein Problem das einer Lösung bedarf. Du erstellst deine Navigation in einem <div> als <ul> Mit einem <li> für jeden Menüpunkt.
Das div bekommt die position: fixed und der Rest wird von dir so formatiert, dass er so ausschaut wie du es gerne hättest.
Vor die Liste kannst du ja noch eine <h1>Menü</h1> schreiben, der verpasst du ein display: none.

Wenn du dein Stylesheet jetzt via @import einbindest sieht die Seite in den neueren Browsern so aus wie sie soll.

In Browsern die CSS nicht beherschen wird dein Stylesheet nicht eingebunden und der Besucher sieht unter der Überschrift Menü eine Liste mit allen Menüpunkten.
Graphisch sicher nicht so ansprechend, aber da muss man halt mit leben, wenn man noch ältere Browser verwednet.

Das ganze bringt den netten Nebeneffekt, dass deine Seiten dann selbst mit einem Textbrowser wunderbar zu betrachten sind.

Viele Grüße,

Stefan

--
Lass dir das Tanzen NICHT verbieten
http://petition-tanzverbot.de.vu