Anker funktionieren nicht richtig

[joe_ma]

Hallo Forum

Ich habe Probleme mit Ankern, die nicht richtig funktionieren. Ich finde ums Verre...en nicht heraus, wo der Fehler liegt und bitte euch daher, mal kurz reinzuschauen.

Das Problem:
Auf einer ellenlangen HTML5-Seite habe ich eine Sprungnavigation eingebaut, damit man zu einzelnen Themenbereichen springen kann. Die Themenbereiche habe ich jeweils mit einer h2 betitelt und diesen jeweils eine ID vergeben. Etwa so:

<h2 id="fuss" class="zwischentitel">Fussgänger</h2>

Davon gibt es insgesamt 3 Zwischentitel, jeweils mit den IDs "fuss", "velo" und "ort".

In der Sprungnavi habe ich die folgenden Links:

 <ul>
          <li><a href="#fuss">Fussgänger</a></li>
          <li><a href="#velo">Velo fahren</a></li>
          <li><a href="#ort">Ortskerne</a></li>
         </ul>

Leider funktioniert nur der erste Link, die anderen zeigen irgendwas an, nur nicht den gewünschten Zwischentitel.
Ich habe jeweils auch noch einen Link "nach oben", der nach demselben Prinzip codiert ist. Dieser funktioniert.

Das ganze kann hier angeschaut werden: Verkehrsteiner - Videos

Vielen Dank für eure Hilfe
Gruss
Jörg

 

[threadi]

Wenn Du das float in der Klasse "media" weglässt, geht es.

Grund:
Durch das floating haben die Boxen keine Höhe und Breite die der Browser beim Sprung zum Anker korrekt setzen und berücksichtigen kann. Mit dem float beginnt das Element mit der ID "velo" daher "irgendwo" weiter oben.

 

[joe_ma]

Herzlichen Dank!
So funktioniert es.

Man lernt immer wieder dazu …

Gruss
Jörg