JQuery-UI мешая CSS на странице загрузки в IE9

Question

Я пытаюсь применить этот липкий шаблон колонтитул в шаблон:

http://ryanfait.com/sticky-footer/

Но в Internet Explorer 9, я вижу полосу прокрутки и если я прокручиваю вниз много пустого пространства, появляющиеся ниже сноске:

Это становится еще более странным, так как я раздели все больше и больше из моего templat до тех пор, пока я не остался с базовым макетом, бутстрапом, нижним колонтитулом css, jquery и jquery-ui.

Jquery и jquery-ui библиотеки просто включены в голову, нет других загрузок скрипта java, которые могли бы их назвать.

Проблема все еще проявляется, пока я не удаляю jquery-ui из головы. Затем страница выглядит нормально.

Вот некоторые живые примеры:

With jquery-ui

Without jquery-ui

Кроме того, белое пространство исчезает, если изменить размер окна. Схватившись за соломинку, я даже попытался запустить $ (window) .resize() на загрузку страницы, но такой удачи не было.

Кто-нибудь есть идеи, почему о, почему Internet Explorer 9 добавляет это загадочное пустое пространство и как его остановить? Я думал, что IE9 должен быть наиболее совместимым с видами IE ...

Спасибо за любую помощь, я вытягивал свои волосы весь день по этой проблеме.

Answer 1

Направлен на отладку jquery-ui, нашел неясный код, который работает на готовом документе, который добавляет div в конец страницы, чтобы исправить 3-летнюю проблему IE6!

JQuery UI 1.8.17 Line 225:

var body = document.body, 
     div = body.appendChild(div = document.createElement("div")); 

$.extend(div.style, { 
     minHeight: "100px", 
     height: "auto", 
     padding: 0, 
     borderWidth: 0 
}); 

$.support.minHeight = div.offsetHeight === 100; 
$.support.selectstart = "onselectstart" in div; 

// set display to none to avoid a layout bug in IE 
// http://dev.jquery.com/ticket/4014 
body.removeChild(div).style.display = "none"; 

Удаление этого фиксирует мою проблему, я думаю, что совместимость IE9 является более важным, чем IE6.

Answer 2

Вы используете имена классов css, разделяемые с пользовательским интерфейсом jQuery? Все они начинаются с ui-, например. ui-icon, ui-widget-content и т. Д. Посмотрите на CSS Framework docs для получения дополнительной информации.