Добавлен значок Facebook, сбрасывающий размещение нижнего колонтитула

Добавлен значок для значка facebook на сайт, и теперь он отключил мое размещение для нижнего колонтитула .. он отлично работает в Chrome, но IE, FFox и Opera все испытывают проблемы ...

Вот снимок экрана: alt text

Нижний колонтитул (коричневая полоса) должен быть внизу ...

Вот CSS:


    /* footer */
#footer{
    background:url(../images/bg-footer.png) no-repeat;
    height:26px;
    overflow:hidden;
    padding:35px 0 0 55px;
    font-size:11px;
}
#footer p{
    margin:0;
    display:inline;
    color:#766623;
}
#footer ul{
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
}
#footer li{
    display:inline;
    background:url(../images/sep-f-nav.gif) no-repeat 100% 55%;
    padding:0 6px 0 0;
    position:relative;
}
* html #footer li{
    padding:0 3px 0 3px;
}
*+html #footer li{
    padding:0 3px 0 3px;
}
#footer a{
    color:#30481f;
    text-decoration:none;
}
#footer a:hover{
    text-decoration:underline;

/*Facebook badge Holder*/
.fb-area{
    width:287px;
    padding:0 0;
    margin:0 0;
    min-height:100%;
}

facebook css css-float
person Kevin    schedule 26.04.2010    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Это снимок в темноте, потому что я всегда разрабатываю CSS методом проб и ошибок.

Мне кажется, в вашем дизайне есть поплавок. Вы пробовали сделать clear: both; в CSS нижнего колонтитула? Я не вижу никаких плавающих элементов в предоставленном вами CSS, но значок Facebook вполне может добавлять один за кадром, и симптомы выглядят правильно.

person Michael Herold    schedule 26.04.2010
comment
Забавно то, что я так и сделал, тогда это не сработало в IE, поэтому я внес некоторые другие изменения и в конечном итоге добавил взлом IE, чтобы IE работал (но никто из других не сделал этого). Я просто вставил его обратно и теперь У меня есть настройка IE, и ясно: оба работают grrr .. спасибо - person Kevin; 26.04.2010