Colorbox IE7 высота вопроса

Question

У меня проблема, которая возникает только в IE7.Через функцию JavaScript я запускаю colorbox.Я определяю высоту и ширину в параметрах.

IE7, кажется, делает colorbox на 40px короче по высоте по сравнению с другими браузерами.Это приводит к тому, что полоса прокрутки становится видимой для размещения содержимого, которое теперь больше, чем сам цветовой ящик.

function LoadColorbox(url) {
    jQuery.colorbox({ href: url, iframe: true, opacity: 0.7, height: 560, width: 878, top: 53 });
}

Кто-нибудь сталкивался с этим раньше?

Answer 1

Хорошо, я решил это.

Основная причина: я думаю, что есть разница между тем, как colorbox пытается визуализировать себя для разных браузеров, таких как IE6, IE7, IE8, IE9. Я заметил это, проверив его DOM через панель инструментов IE dev.

Подробности: в моем сценарии я пытался скрыть некоторые элементы палитры, такие как кнопки «Следующая» и «Предыдущая», но не сделал этого в достаточной степени для IE7. В то время как в других браузерах высота цветовой рамки была исключена из высоты прозрачных элементов управления внизу, IE7, похоже, учитывает высоту элементов управления при расчете высоты моего содержимого.

Мой код для исправления: Colorbox.css

    /* Unused elements */
    #cboxTitle,#cboxCurrent,#cboxNext,#cboxNext,#cboxPrevious,#cboxSlideshow,  #cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight
    {display:none;height:0px;width:0px;}

Надеюсь, это поможет!

Answer 2

Да, я считаю, что в моих обстоятельствах это было связано с проблемой заполнения / отступа. Попробуйте установить их там также как 0 и посмотрите, что это делает.