Почему моя тема jQuery портит виджет календаря в IE?

Question

Я разрабатываю основанную на Facebook тему jquery, но у меня возникают проблемы с отображением виджета календаря в IE.

Вот демонстрационная страница:

http://ilsken.com/fbui/

В IE8 все даты в виджетах календаря сжимаются влево и выглядят просто неправильно.Единственная часть CSS, которую я могу себе представить, это здесь:

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #D8DFEA;
    color: #3B5998;
    font-size: 14px;
    border: 1px #D8DFEA solid;
    border-bottom: none;
    border-radius: 0px !important;
    font-weight: bold;
    }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {

    background: #627AAD;
    border: 1px solid #627AAD;
    border-bottom: none;
    color: #fff;
    border-radius: 0px !important;
    }

Answer 1

, если вы имеете в виду, что ячейки выходят за пределы основного блока: я думаю, это потому, что в системе на базе Windows (с IE) отсутствует Lucida Grande, и вместо этого визуализируйте его с Tahoma, который имеет другой межбуквенный интервал.В Firefox / Win он выглядит так же, как сказал Базз.

Найдите в Google Lucida Grande и попробуйте с ним или измените CSS, чтобы использовать вместо него Arial:

в jquery.ui.theme.css, вокруг строки 17:

.ui-widget {
    font-family: arial,sans-serif;
    ...
}

или просто увеличьте размер виджета всего календаря:

в jquery.ui.datepicker.css, строка 10:

.ui-datepicker { width: *18em*; ... }

надеюсь, это поможет.