Почему я не могу на верстке кликать на ссылки?

Question

[Fiorentina]

Спасибо всем,моя проблема решена.

Comments

[Алексей Уколов]

Зачем вы удалили содержимое вопроса? Если проблема решена, нужно отметить ответы, как решение.

Answer 1

[Дмитрий Маринин]

Если вы установите #content свойство z-index равное -1, то это решит вашу проблему, поскольку #content переместится на задний план.

Верстка — без комментариев. Поищите и почитайте материалы про позиционирование элементов.

Answer 2

[Alexander Lashchevsky]

Всё очень просто.
Вы каким-то непонятным образом позиционируете блоки. Например, padding: 400px; у #content.

Попробуйте с нуля переверстать с учётом последовательности блоков.

Блок #content у Вас нализает поверх всех остальных, т.е. все ссылки оказываются как бы под ним. Из-за этого Вы не можете на них нажать, так как он под ним и когда вы наводите/кликаете, вы кликаете не по ним, а по этому #content.

Comments

[Fiorentina]

Спасибо огромное! На будущее дайте совет: как позиционировать блоки и можно ли часто использовать position:relative?

[Alexander Lashchevsky]

Не забывайте про очень важное CSS свойство clear: both;
Используйте его после каждого ряда блоков, где вы используете float, например:

Можете просто такой див впихивать одиночный, без содержимого. Так Вы избежите проблем, что контент располагается не после Ваших флоатов, а под ними.

Position любой вообще надо использовать только при строгой необходимости, когда реально есть цель отобразить блок поверх остальных: например, всплывающее окно.