Рабочая CSS для JQuery GanttView в IE7 - PullRequest
Новая
       9

Рабочая CSS для JQuery GanttView в IE7

2 голосов
/ 23 сентября 2011

Кто-нибудь работает с css-файлом в Internet Exlorer 7. Диаграмма Ганта корректно работает на FF, I8, IE9 и Chrome, но в IE7 столбцы не плавают над сеткой и не переходят внутрь слайдера Кто-нибудь знает ответ на этот вопрос? Я пробовал все, что я знаю.

Различия между браузерами IE7 и IE9

https://github.com/thegrubbsian/jquery.ganttView

Ответы [ 2 ]

2 голосов
/ 19 декабря 2011

Я решаю проблему в IE7 (уверен, чем во всех версиях IE).Только необходимо записать в файл (jquery.ganttView.css): 

div.ganttview-hzheader-month,
div.ganttview-hzheader-day,
div.ganttview-vtheader,
div.ganttview-vtheader-item-name,
div.ganttview-vtheader-series,
div.ganttview-grid,
div.ganttview-grid-row-cell {
    float: left;
    /* IE problem */
    position: relative;
    top: 0;
    left: 0;
}
...
div.ganttview-slide-container {
    overflow: auto;
    border-left: 1px solid #999;
    /* IE problem */
    position: relative;
}
...
div.ganttview-blocks {
    margin-top: 40px;
    /* IE problem */
    position: absolute;
    top: 0;
    left: 0;
}
1 голос
/ 12 июля 2012

Проблема в IE7 связана с CSS-атрибутом inline-block, применяемым к элементу div.Это не работает, потому что IE7 принимает только встроенные элементы для атрибута inline-block.

Мое решение: 1) в jquery.fn.gantt.js, строка 82 заменяет 

.append(jQuery('<div class="page-number"/>')

на 

.append(jQuery('<span class="page-number"/>')

2) тогда вам нужно будет исправить небольшой побочный эффект макета (сдвиг вниз номера страницы), добавив хак IE7 к вашему CSS-файлу: 

/*hack for IE7*/
*+html .fn-gantt .navigate .page-number span {
    top:-5px !important;
}
...