Якорные ссылки начинаются под заголовком, который зафиксирован вверху. ⇐ Html

[Anonymous]

У меня есть страница с фиксированным заголовком вверху высотой 63 пикселя.
ниже у меня есть разные разделы страницы (div), которые по сути являются отдельными страницами.
Каждый раздел связан в заголовке как ссылка привязки к соответствующему идентификатору div.
Проблема, с которой я столкнулся, заключается в том, что при нажатии на ссылку привязки верхняя часть div начинается прямо в верхней части документа, а не под ней. заголовок.
Любое решение действительно будет очень полезным.

CSS-КОД ДЛЯ ЗАГОЛОВКА:


#headercontainer{
position:fixed;
background-color:#1a1813;
top:0px;
left:0px;
width:100%;
height:63px;
z-index:1;}



#headercontent{
position:relative;
background-image:no-repeat;
top:0px;
left:0px;
width:1280px;
margin-left:auto;
margin-right:auto;}


CSS-КОД ДЛЯ ПЕРВОГО РАЗДЕЛА (КОТОРЫЙ ДОЛЖЕН БЫТЬ ПОД ЗАГОЛОВКОМ ПРИ НАЖИМЕ НА ЯКОРЬ:

#landingcontainer{
margin-top:63px;
position:relative;
width:100%;
height:700px;
background-color:#000000;}

#landingcontent{
position:relative;
width:1280px;
height:700px;
margin-left:auto;
margin-right:auto;
background-image:url("../images/landing/landing_bg.png");
background-repeat:no-repeat;




ТРЕБУЕТСЯ HTML ДО ТОЧКИ:

• Menu
• Sauces
• Ranches
• Order
• Franchise
• About

Подробнее здесь: https://stackoverflow.com/questions/130 ... at-the-top