Плохая отрисовка в Safari
У меня серьезные проблемы с отображением в Safari в веб-приложении, над которым я работаю. Большая часть дизайна выполняется с помощью div с использованием абсолютного позиционирования. Это отлично работает в Internet Explorer, Firefox, Chrome, Opera, Netscape и konqueror. В Safari это просто беспорядок.
В Safari отсутствует поддержка абсолютного позиционирования элементов div?
Как лучше всего решить проблемы и узнать, что происходит с браузером Safari?
ОБНОВЛЕНИЕ: я хотел бы отметить, что обнаружил проблему, и я хотел бы поблагодарить всех, кто дал предложения. Именно "Inspect Element" WebKit давал наиболее полезную информацию. Похоже, что это были конфликты со встроенными стилями и стилями из CSS. В то время как safari заимствовал стили из файла .css, остальные браузеры использовали встроенные стили. я смог увидеть эти противоречия с информацией в предложенном инструменте.
Я использую веб-инспектор, о котором упоминал Джим, и он дает мне отличную информацию для устранения этих проблем.
что странно, после того, как я загрузил материал webkit, мое сафари больше не ломается.
Почему вы пришли к выводу, что такой браузер, как safari, не поддерживает абсолютное позиционирование, когда быстрый поиск в Google и здравый смысл легко сказали бы вам обратное. Установка 30-секундного теста показала бы, что он поддерживается и что проблема в вашем коде.
Ответы 2
1. Поддержка Safari?
Safari - это на самом деле приличный браузер. Если у него есть свои недостатки, они не хуже, чем у любого другого браузера, и они не относятся к классу старых браузеров IE, которые имели очень серьезные проблемы и не имели даже базовой поддержки веб-стандартов. Чтобы ответить на ваш вопрос конкретно, да, это поддерживает абсолютное позиционирование.
Safari, безусловно, может отображать современные дизайны X / HTML CSS, и, поскольку ваша аудитория в любом случае в основном использует Safari, вы также можете Забудьте об отказе от браузера. Это хороший браузер, и в любом случае мы не в силах его изменить. Мы просто нужно позаботиться об этих ошибках, какие бы они ни были.
2. Как заняться отладкой?
Без конкретного примера никто не сможет вам в этом помочь. Будет справедливо сказать, что у вас есть проблемы с управление макетами на основе CSS. У вас может быть недопустимая разметка, который в некоторых случаях может приводить к экстремальным отклонениям, характерным для браузера, которые вы описали.
Начнем с основы. Проверьте свою разметку и CSS.
Убедитесь, что вы выполняете рендеринг в стандартный режим.
Ищите ответы на конкретные вопросы
Если все проходит проверку и вы все еще есть проблемы, вам придется отслеживать их одного за другим. Даже если вы перестроите страницу по частям в Safari, чтобы увидеть, где все начинает разворачиваться, это того стоит. Если во время этого процесса вы действительно не понимаете, почему существует определенное поведение, у вас, по крайней мере, будет конкретный вопрос, который вы можете использовать, чтобы искать ответы. Это можно ответить уже на SO, и если это не так, вы можете спросить.
Какой хороший способ проверить CSS? и встроенные стили. Разочаровывает то, что он отлично отображается во всех браузерах на планете, кроме Safari, а Safari - самый важный для пользователей.
Я добавил несколько ссылок на службы проверки (см. Выше).
спасибо за помощь. Я не занимаюсь дизайном, и когда сталкиваюсь с проблемами дизайна, я теряюсь.
Проблема может быть где-то в вашем JavaScript; Одна из самых заметных особенностей Safari - это то, что ему нравится останавливать выполнение JavaScript после любых ошибок.
Скорее всего, проблема не в CSS, поскольку Safari имеет лучшие стандарты и поддержку CSS, чем любой другой браузер (хорошо, я сказал).
Используйте встроенный Веб-инспектор в недавнем ночная сборка WebKit, чтобы отслеживать свои проблемы.
Я действительно использовал Web Inspector в ночной сборке Webkit, и это было здорово ... к сожалению, у него не было проблем с рендерингом, которые я наблюдаю. :(
Вы можете опубликовать небольшой фрагмент тестового примера, демонстрирующего такое поведение?