Маржинальная проблема в Safari - отлично работает в FF (WordPress)

Question

Я нашел довольно интересную неудачу здесь.У меня есть отрицательный запас в моей навигации, поскольку я хотел, чтобы он сидел специально.В FF все выглядит нормально, но в Safari мой контент прыгает туда, где находится моя навигация, как будто моя навигация не существует.

Я попытался поиграться с числами, когда я изменил его с -77px на -55, контент переместился туда, где он должен быть (но, очевидно, моя навигация не делает).

Вот ссылка на мой код через pastebin.

Любая помощь очень ценится!Ох, сайт здесь Спасибо

Answer 1

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

Во-первых, ваша навигация не содержится в собственной div, которая не соответствует шаблону проектирования, которому вы следуете.Рассмотрим редизайн со следующим:

div wrapper
    div header
    div nav
    div content
        div column1, etc
    div footer
div wrapper (end)

Это даст вам гораздо больший контроль над макетом, и вы будете вносить изменения в nav div вместо ul.Ваши clearing div'ы не являются абсолютно необходимыми, так как вы не float используете какие-либо элементы, но я думаю, что вы используете их для создания пробела - либо используйте поля, либо присвойте элементу nav высоту, и ваша исходная проблемабыть решенным.Надеюсь, это поможет.