Wie behebe ich mein Problem mit Ankerverbindungen?

Ich habe eine Frage zum Ankertag.

Ich habe eine Seite wie

<div id='header'>
    bunch of stuff….and iamges
</div>

<div>
   <a href='#test1>test1</a>
   <a href='#test2>test2</a>
   <a href='#test3>test3</a>
</div>

<div class='content'>
   <a name='test1'>test1 project</a>
   bunch of stuff

   <a name='test2'>test1 project</a>
   bunch of stuff

   <a name='test3'>test1 project</a>
   bunch of stuff
</div>

Mein CSS

#header{
  position: fixed;
  right: 0;
  left: 0; 
  z-index: 1030;
  margin-bottom: 0
 height:150px;
}

Es sieht jedoch so aus, als würde jedes Mal, wenn ich auf den Link test1 to test3 klicke, mein Div "Contents" an die Spitze meines Div-Headers verschoben. Daher wird mein 'Content'-Div von meinem Header-Div (150px) abgedeckt. Gibt es irgendetwas, um mein Problem zu beheben? Danke vielmals!

Antworten auf die Frage(4)

Ihre Antwort auf die Frage