Почему мои якорные ссылки продвигают контент за мой заголовок?

У меня есть макет, в котором раздел заголовка использует абсолютное позиционирование, и когда я нажимаю якорную ссылку в своем контенте, ссылка переносит меня в нужное место, но подталкивает мой контент за заголовок.

С чем это связано и как это исправить?

Вот URL:

http://digitaldemo.net/joy/krippen-a-b-c/

Большое спасибо!

Синтия


html css anchor
person Cynthia    schedule 11.09.2012    source источник
comment
Вы используете какой-либо javascript при переходе по ссылкам?   -  person Clyde Lobo    schedule 11.09.2012

Ответы (2)


arrow_upward
1
arrow_downward

У вас есть 'overflow: hidden' в вашем стиле #container и стиле #content. Попробуйте закомментировать эти два объявления и посмотрите, поможет ли это.

person ZombieCode    schedule 12.09.2012
comment
Это решило эту проблему :) К сожалению, overflow:hidden в div #content был тем, что позволяло мне иметь равную высоту столбцов, поэтому теперь мне нужно найти альтернативу для этого. - person Cynthia; 12.09.2012

arrow_upward
0
arrow_downward

Проверьте свойство CSS z-index тега привязки, а также тега заголовка.

person Murali Murugesan    schedule 11.09.2012
comment
Ни один из них не имеет свойств z-index. Я считаю, что они наследуют z-индекс контейнера (#body) div. - person Cynthia; 11.09.2012