CSS позиционирование/Safari

Question

Я обычно имеют проблемы с IE, но IE играл хорошо в этот раз ...

Я посмотрел на мой код снова и снова, и Google'd вопросы, но я не был в состоянии исправить ...

вы можете посмотреть на RCN e-Cycle

Карта на левой стороне делает правильно, я имею в виду названия мест, используя позиционирование CSS.

Я также использую один и тот же код для вывода автономной карты для встраивания на других сайтах, это показывает corrctly - Standalone map

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

И, в дальнейшем. Я протестировал его в FF10, Safari 5.01 IE9 и Chrome 17 на моем ящике Win7 Все играют хорошо.

Однако, я видел его сегодня на OSX 10.6 в Safari, и позиционирование было выключено. было установлено так же, как моя неправильная страница - dev.webwork.net.nz/e-cycle/locations/

Я чувствую, что это должна быть простая ошибка, если моя неправильная страница и Safari в OSX отображают ее то же самое, но все это неверно.

Может ли кто-нибудь взглянуть и посмотреть, могут ли они указать мне направление в правильном направлении.

Приветствие

Answer 1

Я подозреваю, что это потому, что вы позиционируете свои метки relative, а затем предоставляя им сверху и слева. Это говорит браузеру о смещении каждой метки, откуда она обычно появляется в потоке, и это значение может зависеть от браузера. Если вы используете абсолютное позиционирование, он полностью вытесняет элементы из потока и позволяет вам указать браузеру, где они размещаются относительно исходного левого края.

Я бы рекомендовал вместо этого: (1) разместить ваш ul, держа все ваши ярлыки «position: relative». Сделайте это так, чтобы: (2) разместить отдельные этикетки «position: absolute». Затем вам нужно будет отрегулировать свои верхние/левые значения для каждой метки, но тогда вы должны получить последовательное, предсказуемое поведение.

Удачи вам!