2013-07-13 3 views
0

Мой сайт http://www.rattletree.com/ отлично работает в других браузерах и работает правильно в Safari, но я только заметил, что навигационные элементы теперь сдвинуты. Может ли кто-нибудь порекомендовать, что нужно изменить в css? Благодаря!Страница сдвинута в Safari, но не в других браузерах

Я обычно использую Firefox с Firebug, но я не могу понять, как использовать средства разработки в Safari, чтобы проверить изменения CSS, поэтому я чеканка мой хвост здесь ...

+1

см. http://stackoverflow.com/questions/6603883/negative-margin-different-result-on-safari-than-any-other-on-rowser –

+0

Действительно-это похоже на аналогичную проблему. Не было принятого ответа, и тот, у кого была надпись, предложила использовать display: block; который уже находится в css ... – Joel

ответ

1

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

Содержимое всех .abovenavcontainer плавает без применения clearfix или float clear, поэтому он имеет высоту нуля, поэтому отрицательный размер поля (69) больше 0. Попробуйте добавить clearfix или выложить детские элементы без поплавка, например, display: inline-block;

+0

Похоже, что это работало в IE, FF, Safari и Chrome. Спасибо! – Joel

+0

Не благодарите меня, спасибо Google. ха. –

Смежные вопросы