Ankerposition einer Sprungmarke verschieben

Thema wurde von Anonymous, 26. Januar 2022 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. Januar 2021
    Beiträge:
    403
    Danke erhalten:
    138
    Danke vergeben:
    54
    #1 Anonymous, 26. Januar 2022
    Zuletzt bearbeitet: 26. Januar 2022
    Hallo zusammen

    Ich habe einen Anker auf einer Seite gesetzt und gemerkt, dass beim Aufruf ein Teil vom Header verdeckt wird.
    Daher wolte ich gerne die Ankerposition versetzen. Das klappt aber irgendwie nur halb.

    Der spezielle Ankerpunkt ist aktuell für zwei Aktivitäten:
    1. Verweis auf gleicher Seite
    2. Verweis auf andere Seite

    Auf gleicher Seite funktioniert es prima. Auf andere Seite funktioniert es mit der gleichen Ankerposition nicht, d.h. ein Teil ist weiterhin vom Header verdeckt. Ich weiss ehrlich nicht, warum. Wo ist mein Fehler?

    Folgendes ist eingestellt für den Anker:

    CSS

    .sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -100px;}

    HTML 'andere Seite'

    Startseite: <a href="#sprungmarke">Das ist meine Sprungmarke (html-Link)</a>


    HTML 'gleiche Seite' (das funktioniert)

    <a href="#sprungmarke">



    Ankerposition / Ziel
    :

    <div id="sprungmarke" href="sprungmarke" class="sprung"></div>
    <h1>Meine Überschrift</h1>



    Hat jemand evtl. eine Idee? Ich muss gestehen, diese Bereiche sind nicht meine Stärken. ;)

    Vielen Dank im Voraus.
     
  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. Januar 2021
    Beiträge:
    403
    Danke erhalten:
    138
    Danke vergeben:
    54
    Wirklich keiner eine Idee? Oder ist die Frage unwürdig? ;)
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    18. August 2021
    Beiträge:
    662
    Danke erhalten:
    92
    Danke vergeben:
    273
    Versuch mal anstelle:
    margin: -100px;

    top: -100px;
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. Januar 2021
    Beiträge:
    403
    Danke erhalten:
    138
    Danke vergeben:
    54
    Danke für die Idee. Habe ich probiert, aber da streikt der Anker komplett. :)
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    18. August 2021
    Beiträge:
    662
    Danke erhalten:
    92
    Danke vergeben:
    273
    #5 Anonymous, 28. Januar 2022
    Zuletzt bearbeitet: 28. Januar 2022
    Wenn Du schreibst:

    margin: -100px;

    bedeutet das ja, dass alle vier Seiten ein margin bekommen.

    Du willst ja, so wie ich das verstehe, nur das margin oben haben, deshalb hätte ich

    margin-top: -100px;

    gesetzt.

    Glaube zwar nicht, dass es was bringt, wäre nicht so logisch, aber versuch's mal.
    Du merkst, ich fische im Moment im Trüben, habe keine andere Idee.

    @Edit
    Ansonsten:
    margin-top: -300px !important;

    Und setz vor die Klasse .sprung die ".BodyKlasse .sprung"

    Schau mal, ob überhaupt was passiert.
     
  6. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. Januar 2021
    Beiträge:
    403
    Danke erhalten:
    138
    Danke vergeben:
    54