Anchor ne défile pas correctement

Question

J'ai une chose de mise en page le long des lignes de:

<div class="banner"></div> 
<div class="content"></div> 

Ma bannière a position:fixed; et est à peu près 200px élevé. Le problème est que lorsque je clique sur un lien avec un identifiant de fragment, la page défile et l'ancre (avec l'identifiant) se trouve en haut de la page, derrière la bannière au lieu de sous la bannière où elle peut être vu.

Y at-il quelque chose (CSS ou jQuery) qui me manque?

Answer 1

C'est un dup de Div anchors scrolling too far

Pour les demandes de voir exemple de code, j'ai mis une page échantillon complet ici: https://gist.github.com/denised/5924370.

La clé bit est la présence de deux divs (#header et #mainbody) et le bit suivant de css (qui je crois est une façon assez standard pour créer un en-tête fixe):

#header { 
    position:fixed; 
    left:0; right:0; top:0; 
    background-color: #F0F0E8; 
    z-index:2; 
} 

#mainbody { 
    position: absolute; 
    top: 150px; 
}