Кросс-браузер (chrome / firefox) пытается определить top-pos в пикселях в процентах

Question

У меня проблема с выводом через браузер, я пытаюсь получить атрибут top и left css для div, но firefox дает мне точное положение пикселя, а Chrome - процент.

Пример: http://web.cinaird.se/pdf/test.htm

CSS

#mix{
    position:absolute;
    top: 10px;
    left: 45%;
    background-color:#f0f;
}

JQuery

css top: $("#mix").css("top") + " <br/>css left: " + $("#mix").css("left")

Выход

Firefox (и IE8): css top: 10px css left: 267.3px

Chrome: css top: 10px css слева: 45%

есть ли способ получить одинаковый результат для обоих (всех) браузеров? Я бы предпочел получить значение в пикселях без каких-либо серьезных расчетов

Answer 1

Используйте метод position или offset, в зависимости от того, требуется ли позиция относительно родительского смещения или относительно документа.

Пример:

var p = $("#mix").position();
alert('top: ' + p.top + 'px, left: ' + p.left + 'px');