<a name> causes content to be pushed up

Question

I have set a tag name at the top of the 'comments' section, with

<a name="comments"></a> 

I go into this by the following:

<a href="page-on-my-site#comments">Comments</a> 

Going into the page in any other way works fine, if however I use this ' a tagname', all the content is pushed up.

Take a look on my site for clarity: http://www.cristianrgreco.com/

Для верхней статьи нажатие «Читать дальше» отлично работает, если вы нажмете «2 комментария», оно сосредоточится на комментариях, но подталкивает контент вверх.

Это никогда не случалось со мной, поэтому я действительно не знаю, как это исправить.

Заранее спасибо

Answer 1

Проблема вызвана комбинацией overflow:hidden и прокрутки. Вам нужно будет сделать несколько изменений:

Первого изменения

<a name="comments"></a> 

в

<a id="comments"></a> 

Добавьте правило CSS ниже, так что это на самом деле расположено в нужном месте на странице:

#comments{ 
    float: left; 
    clear: left; 
} 

Удалить overflow:hidden из #content_wrapper и добавить его в #sidebar_wrapper.