HTML фрагменты ссылок работают с CSS позиционированием?

Question

Прошлой ночью я решил добавить ссылки на фрагменты HTML на странице со списком моего компьютера. Тем не менее, независимо от шаблона ссылок или от того, какой браузер я использую, эти ссылки на фрагменты просто не доступны для навигации.

http://icelava.net/mycomputers.aspx#SEPHIROTH

http://icelava.net/mycomputers.aspx#DIABLO

ОБНОВЛЕНИЕ при ответе: ссылки теперь корректно перенаправляются на места фрагментов после того, как моя ошибка с атрибутом тега была выделена.

Я не нашел никакого реального ответа, но из того, что я прочитал, есть подсказки, позволяющие предположить, что мое использование позиционирования CSS для формирования двухколоночного макета с двумя DIV может вызвать проблемы с браузером при определении вертикального положения фрагмента ссылки.

#ContentCol
{
   margin-right: 130px;
   padding: 3px;
}

#RightSideCol
{
   background-color: #fff;
   float: right;
   padding: 0px;
   width: 126px;
}

Если это так, какой подход был бы для разрешения ссылок на фрагменты HTML?

Answer 1

Для того, чтобы эти URL могли перейти к намеченной цели, вам нужны именованные якоря вместо связанных якорей, которые есть на вашей странице. Пример:

<a name="SEPHIROTH" />

(без хеш-метки) вместо:

<a href="#SEPHIROTH"> #1</a>

Предпочтительно, вместо использования именованных якорей, вы также можете просто дать элемент, который вы хотите перемещаться по атрибуту id.

<td id="SEPHIROTH">...</td>

Другой пример. Попробуйте эту ссылку: http://icelava.net/mycomputers.aspx#FooterBanner Видите ли, он прокручивается до нижнего колонтитула из-за атрибута id.

Answer 2

Если у вас есть код, например:

<a href="#SEPHIROTH">#3</a> Dell XPS M1530

Вы можете добавить атрибут id:

<a id="SEPHIROTH" href="#SEPHIROTH">#3</a> Dell XPS M1530

Когда вы нажимаете эту <a>, она «прыгает» сама на себя Это то, что вы хотите?