Anker positie niet juist met vaste header

[ElsyV]

Ik heb een vaste header van 163 px hoog.
De tabel eronder is vanaf de top dus ook ingesteld op 163 px.
Alles werkt gewoon goed totdat ik gebruik maak van ankers.

Klik je in een pagina op een anker en ga je naar een andere pagina naar deze ankerpositie toe, dan stopt de pagina niet onder de header (163 px van boven) maar helemaal boven aan de pagina.
Hierdoor zie je dus niet de tekst waar het anker bijhoort. Die valt nl. weg achter de header.

Is dit op te lossen zodat het resultaat gewoon netjes onder de header zichtbaar wordt en niet erachter?
Nu moet je omhoog scrollen om het toch te kunnen lezen en dat is niet de bedoeling.

 

[csshunter]

Hoi gezinsmanager,
Is het een header met een {position:fixed}, waar de content onderdoor schuift?
Dan kan het vermoedelijk opgelost worden met:

#anker1,
#anker2 {
	padding-top: 173px;
	margin-top: -173px;
	}

• Testpagina zonder deze code, anker schuift onder de header: ankers-a.htm
  
  
• Testpagina met deze code, anker schuift niet onder de header: ankers-b.htm
• Geldt zowel voor een bladwijzer op dezelfde pagina als voor een link vanuit een andere pagina.
• Getest in Firefox, Chrome, Opera, Safari en IE7.
• Netrenderer screenshots: IE8 en IE9 ook in orde.
• NB: voor IE is de &nbsp; in de bladwijzer-<a> onmisbaar!

Met vriendelijke groet,
CSShunter

 

[ElsyV]

Ben er nog niet aan toegekomen......