Версия для печати темы

Нажмите сюда для просмотра этой темы в обычном формате

Форум о web-дизайне, графике - RusForumz _ Web-дизайн _ Не хочет отображать Background Bottom

Автор: Walk 11.5.2008, 19:02

http://fox.lifeandsex.ru/

в ИЕ все норм, в Опере и ФФ - не отображает нижнюю полосу.

В чем проблема понять не могу sad.gif

Автор: krest 12.5.2008, 13:38

У меня во всех браузерах отображается одинаково. Подробнее опиши проблему.
Пользуйся консолью ошибок в Firefox или в Opera - есть две синтаксические ошибки: забыл поставить точку с запятой ";" после height 30 ??? в стилях a.link1 и a.link1:hover

Автор: 3ABAPKA 12.5.2008, 14:51

[quote name='Walk' date='11.5.2008, 22:02' post='61465']
http://fox.lifeandsex.ru/
Трафик жалко закинь код!)) secret.gif

Автор: Walk 12.5.2008, 16:56

Цитата
У меня во всех браузерах отображается одинаково. Подробнее опиши проблему.

прикрепляю изображения


Код
body {
    text-align:center;
    margin:0;
    background:url('../images/22.gif') repeat-x bottom;
}


Весь текст стилей и html закидывать не буду, слишком громоздко получится.



Прикрепленное изображениеИЕПрикрепленное изображениеФФ

Автор: liw 12.5.2008, 18:05

я как бы не гарантирую, но можно попробовать:

переместить блок с этим 22.gif бэкграундом вниз прям перед
последним дивом:

Код
<div style="overflow: hidden; position: absolute; left: 0px; top: 1040px; width: 100%; height: 63px; z-index: 0; background-image: url(22.gif);"></div>
<div style="background: transparent url(images/line_top2.gif) repeat-x scroll center top; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></div>
</body></html>


да и z-index у него поставить на 0 - это же бэкграунд всё таки...

Ну вот и где здесь приимущества дивов.. - не комментируйте - это так мысли вслух.

Автор: krest 12.5.2008, 22:54

Не знаю, получиться или нет но можно попробовать поместить в блок еще один блок но уже с шириной 100% и с нужным фоном, например так

Код
<div style="position:absolute; overflow:hidden; left:0px; top:1040px; width:990px; height:63px; z-index:2;"><div style=" width:100%; height:63px; background-image:url(images/22.gif); "></div></div>

Русская версия Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)