JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="denniswolfra, post: 14834, member: 5269"] Hallo, meine Webseite läuft mit Wordpress. Dort verwende ich das [SIZE=4]Twenty Twenty-Four-Theme. F[/SIZE]ür z.B. längere Blogbeiträge/Seiten habe ich mir eine Vorlage erschaffen, wo ich eine Art zweiten und oben hängenden Header (/div) einfügen kann. Dieser "Fake-Header" beinhaltet sozusagen das Inhaltsverzeichnis ("Übersicht & Beitragsoptionen") dieser Seite bzw. des Beitrags in Form von Links zu Anker im Blogbeitrag bzw. auf dieser Seite. Dazu passend hat jeder Abschnitt (Kapitel) seinen jeweiligen Anker. So kann der Leser innerhalb des Blogbeitrags gezielt (hoch/runter) navigieren. [B]Zum Problem:[/B] je nach dem wie viele Links ich zu Ankern in diesen Fake-Header anlege bzw. hinzufüge, wird der Fake-Header ("Übersicht & Beitragsoptionen") in der Höhe größer bzw. kleiner. Das hat zur Konsequenz das mein folgender zusätzlicher CSS Eintrag nicht (immer) funktioniert: /* Standardwert für Desktops und größere Bildschirme */ [B].anker { scroll-margin-top: 58px; }[/B] /* Für Bildschirme mit einer maximalen Breite von 768px (typisch für mobile Geräte, inkl. iPhone) */ [B]@media (max-width: 768px) { .anker { scroll-margin-top: 58px; } } Mein Ziel:[/B] Die Unterkante meines Fake-Headers (Übersicht & Beitragsoptionen) soll immer bündig über den Anker(-Punkt) landen bzw. soll der Ankerpunkt immer bündig unter der Kante das Fake-Headers landen und das UNABHÄNGIG wie groß bzw. schmal der Fake-Header ist. Ich hab jetzt eine Woche rum probiert und komme nicht voran. Kennt jemand eine "Saubere Lösung"? LG Dennis [/QUOTE]

Authentifizierung