Форумы портала PHP.SU :: Версия для печати

1. Bio man - 18 Сентября, 2012 - 20:39:32 - перейти к сообщению

Сделал футер таким образом. По центру картинка в 1000 пикселей и по бокам заливается картинкой в 1 пиксель в ширину.
Внимание вопрос

Почему в IE<=8 отображается не так как надо? И как это исправить?
(Добавление)
IE - нижняя картинка

2. IllusionMH - 19 Сентября, 2012 - 00:27:56 - перейти к сообщению

Bio man, а код покажете? Или пальцем в небо?
Есть мысль, что IE8- не поддерживают несколько фонов
(как я понял по описанию того, что делалось)
Края лучше сделать просто границей, т.к. размер элемента известен(width: 998px; + border);

3. armancho7777777 - 19 Сентября, 2012 - 03:30:05 - перейти к сообщению

Или обернуть в 2 дива.
У одного фон по левому краю + отступ в 1 пиксел,
у второго по правому + отступ в 1 пиксел.

4. Bio man - 19 Сентября, 2012 - 07:38:28 - перейти к сообщению

фон по бокам растягивается (repeat-x). то что по бокам одного размера это повторяющийся фон в 1 пиксель. Всего 3 дива - левый, правый и центр. Код самый обычный

CODE (html):
скопировать код в буфер обмена

<div class="dsgn_footer">
        <div class="dsgn_center_foot"></div>
        <div class="dsgn_left_foot"></div>
        <div class="dsgn_right_foot"></div>
</div>

CODE (htmlphp):
скопировать код в буфер обмена

.dsgn_footer {
        position: relative;
        width: 100%;
        margin-top: 20px;
}
.dsgn_center_foot {
        background: url("img/center_footer.png");
        margin: 0 auto;
        width: 1000px;
        height: 230px;
}
.dsgn_left_foot {
        height: 135px;
        width: 50%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        background: url("img/left_footer.png") repeat-x;
}
.dsgn_right_foot {
        height: 116px;
        width: 50%;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        background: url("img/right_footer.png") repeat-x;
}