Делаю на JS модальные окошки (jQuery и плагины не предлагать сразу). для модального окна задан следующий CSS:
left: 50%;
top: 50%;
При помощи JS я добавляю нужный текст через innerHTML, после определяю размеры модального окна через (offsetWidth, offsetHeight) и делаю отрицательный margin-top, margin-left
win.style.marginTop = (-win.offsetHeight / 2) + 'px';
win.style.marginLeft = (-win.offsetWidth / 2) + 'px';
Когда текст, то все замечательно, но если вдруг я хочу отобразить некэшированную картинку, то offsetWidth и offsetHeight возвращают неверные данные (хотя в консоли хрома я вижу нужные мне размеры этих свойств). Как исправить такое?
Всем спасибо