nicht angemeldet
position:fixed ("header") -- Problem mit Ankerpositionierung
Hallo!
Leider tritt bei der Verwendung von position:fixed das Problem auf, dass ein am oberen Fensterrand fest positionierter Bereich ("header") einen dokumentinternen Anker verdeckt, da dieser beim Anspringen ebenfalls direkt an den oberen Fensterrand gerückt wird. :-(
Wäre ja auch zu einfach gewesen...
Da meine Site so wie sie ist aber so schön browser-übergreifend funktioniert und ich ungern auf "exakte" interne Anker verzichten möchte, brauche ich hier dringend Hilfe.
Natürlich habe ich schon ein wenig rumgelesen, aber da werden soooo viele Möglichkeiten beschrieben...
http://molily.de/css-position-fixed#css5
http://forum.de.selfhtml.org/archiv/2002/11/t29991/
http://www.lipfert-malik.de/webdesign/tutorial/css.html#position-fixed
Was ist denn die beste und "einfachste" Möglichkeit?
Hat jemand einen Tipp für mich parat?
Bitte genau beschreiben, was zu tun ist... ;-)
Toll wäre, wenn die Lösung sowohl von außen (Seite wird mit Anker aufgerufen) als auch intern (dokumentinterner Anker wird angesprochen) funktioniert.
Vielen Dank für Eure Hilfe!
Grüße
Mary
-
Vielleicht sollte ich noch ergänzen, dass ich die Seiten nach folgendem Schema erstellt habe:
http://www.cssplay.co.uk/layouts/basics2.html
Ich bräuchte quasi eine Lösung, die die Seite automatisch um die Höhe des Headers runterscrollt, wenn ein Anker aufgerufen wurde.
Javascript?
Oder geht's auch irgendwie anders?Cheers
-
'n Abend,
Man könnte als Sprungziel ein leeres Element einfügen, selbiges absolut positionieren und mit margin-top das Sprungziel justieren - das müßte eigentlich gehen.
Cheers
Powl
-
-
hi,
Natürlich habe ich schon ein wenig rumgelesen, aber da werden soooo viele Möglichkeiten beschrieben...
http://molily.de/css-position-fixed#css5
http://forum.de.selfhtml.org/archiv/2002/11/t29991/
http://www.lipfert-malik.de/webdesign/tutorial/css.html#position-fixedWas ist denn die beste und "einfachste" Möglichkeit?
Welche hältst du nach Analyse der oben genannten Quellen denn für die "beste und einfachste"?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Welche hältst du nach Analyse der oben genannten Quellen denn für die "beste und einfachste"?
Wüsste ich das, hätte ich nicht gepostet... ;-)
Irgendwie funktionieren diese Methoden nicht browser-übergreifend.
Und von JavaScript habe ich leider überhaupt keine Ahnung.
Habe gerade noch etwas auf SelfHTML rumgelesen...Kann man denn nicht ein ganz einfaches Skript mit scrollBy erstellen? So nach dem Motto: Wenn ein Anker aufgerufen wird, scrolle x Pixel nach oben?
Na ja, wenn's so einfach wäre, hätten andere wohl nicht seitenweise Text produziert... :-(
-
hi,
Kann man denn nicht ein ganz einfaches Skript mit scrollBy erstellen?
Warum - du willst doch sicher etwas, was auch ohne Javascript funktioniert?
Na ja, wenn's so einfach wäre, hätten andere wohl nicht seitenweise Text produziert... :-(
Und um das gleiche nicht hier wieder tun zu müssen, nochmal die Aufforderung: Analysiere die Methoden, die die genannten Quellen beschreiben, und entscheide, welche günstig sein könnten und welche nicht.
Wenn du Vor- und Nachteile einzelner dort beschriebener Methoden hier diskutiert haben willst - dann werde bitte etwas konkreter, und leiste etwas Vorarbeit.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Kann man denn nicht ein ganz einfaches Skript mit scrollBy erstellen?
Warum - du willst doch sicher etwas, was auch ohne Javascript funktioniert?
Nein, wenn's mit Javascript funktioniert, bin ich völlig zufrieden.
Wenn es die Möglichkeit gibt, ein Skript zu erstellen, das die Seite grundsätzlich um x Pixel nach oben scrollt, wenn ein Anker (intern oder von außen) aufgerufen wird, wäre das genau das, was ich suche. (Die Menüs wurden von einer Software auch mit Javascript erstellt, die Seite ist sowieso unbrauchbar, wenn Javascript nicht aktiviert ist. Ja, das ist keine perfekte Lösung, aber die vom Chef gewünschte.)Analysiere die Methoden, die die genannten Quellen beschreiben, und entscheide, welche günstig sein könnten und welche nicht.
Das Problem ist, dass ich viel zu wenig von Javascript etc. verstehe, um hier etwas analysieren zu können. Ich habe von Javascript praktisch keine Ahnung. Ich weiß, das sind keine guten Voraussetzungen, wenn man eine Seite mit Javascript erstellen will... Aber ich muss die Seiten nun mal erstellen und die Zeit ist knapp. Wenn es keine einfache Lösung gibt, werde ich eben rumtricksen müssen und die Anker so positionieren, dass die zugehörigen Elemente einigermaßen auf gleicher Höhe unterhalb des Headers plaziert werden. Nur gefällt mir das halt ganz und gar nicht... :-(
-
-
-