Проблема с отображением нижнего колонтитула в Internet Explorer 7 - PullRequest
Новая
       21

Проблема с отображением нижнего колонтитула в Internet Explorer 7

2 голосов
/ 11 августа 2011

Это немного странный сценарий, чтобы объяснить это словами. Нижний колонтитул сайта, над которым я работаю, выглядит хорошо в большинстве браузеров, кроме IE7. Ниже приведены скриншоты, которые дадут вам идею.

IE8 / FF / хром

IE7 (половина экрана сдвинута вправо)

Нижний колонтитул имеет следующий CSS. Когда я удаляю CSS, он отображается нормально. 

#footer-holder
{
    clear: both;
    width: 100%;
    position: fixed;
    bottom: 0px;
    *border: none;
    z-index: 10000;
    height: 30px;
    /* For WebKit */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(0,100,255,0.70)));
    /* For Mozilla */
    background: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,100,255,0.70));
    /* For lt IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#01FFFFFF, EndColorStr=#A50064FF);
    /* For gt IE8 */
    background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#01FFFFFF, EndColorStr=#A50064FF)";
}

Я устал от того, чтобы сделать его совместимым с IE7. Есть идеи, что может быть причиной проблемы?

Ответы [ 3 ]

1 голос
/ 12 августа 2011

Решена проблема. Я должен был упомянуть left: 0px;. И теперь он отлично смотрится на IE7. :)

0 голосов
/ 11 августа 2011

Удалить * рядом с *border: none;

0 голосов
/ 11 августа 2011

Попробуйте <!DOCTYPE html> в верхней части вашего HTML ..

...