Link zu nem Tag, aber dann ne genaue Position eingeben

mbuchegger · 27.03.2012

Hallo.

Steh grad vor nem Rätsel. Hab so was noch nicht gebraucht.
Hab einen <div></div> der direkt am oberen Rand fixiert ist.
Eigentlich gehts dann um den <div> darunter. Dort steht nämlich der Inhalt drinnen.

Der erste div ist fixiert und der zweite scrollt darunter vorbei höhe des ersten ist 100px.

Wie kann ich dem Ganzen jetzt sagen. Mach nen Link zur Überschrift 2 also <a href="#ueberschrift2">blablabla</a> und das landet auch wirklich bei 100 px vom oberen Rand weg. Oder idealerweise noch bisschen darunter...

Ich hoff das ist verständlich. Logischerweise setzt er die Überschrift grad an die obere Browserkante, ja das eben was er machen sollte... Nur das will ich in dem Fall hald nicht. Und Frame kommt nicht in Frage.

lg matthias

Webdesigner · 29.03.2012

Die Überschrift schreibst Du so:
<a name="beliebigerlinkname">Deine Überschrift</a>
(Das ist das Sprungziel)

...und den Auslöselink machst Du wie Du selbst schon gesagt hast
<a href="#beliebigerlinkname">Ankertext</a>

Zur Not poste mal eine URL, dann kann ich es deutlicher sagen.

igestalten · 31.03.2012

wie der Link funktioniert ist anscheinend klar - es geht wohl darum, dass das verlinkte Element nicht oben am Browser "kleben" soll.

Ich behelfe mir meist mit einem Ziel "oberhalb" - in diesem Fall:

<a name="linkziel></a>
<h2>Deine Überschrift</h2>

dann kannst du mit ein bischen CSS für die H2 die Höhe zum Browserrand beeinflussen...