Картинка background внизу страницы

 
Посетитель
no avatar
МедальПочетный донор проектаПочетный донор проектаПочетный донор проекта
Сообщений: 292
Возникла небольшая проблема со вставкой картинки внизу страницы над футером.

Была идея сделать шаблон примерно такого вида (v1.7):

Картинка background внизу страницы
То есть, чтобы прям над футером была картинка травы (background), на которую бы сверху накладывались основные модули.

Прописывала внизу body: (background:url(../images/bg.jpg) no-repeat center bottom #ffffff;)
пыталась вставить в wrapper - результат один и тот же - на длинных статьях картинка располагается по центру, то есть там где wrapper и body заканчиваются.

Если же создавать еще один блок над футером, то картинка привязана к низу, но на него не находят модули.

Может кто сталкивался с похожим дизайном, подскажите решение, если оно, конечно, возможно.
Спасибо.
Sometime CMS Community
Посетитель
no avatar
Медаль
Сообщений: 130
Так пойдет???
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 315
решение:
<body>
<div id="cat_body_wrapper">
код твоего шаблона
</div>
<div>
тут футер
</div>

ну и картинку добавить в стили
#cat_body_wrapper {
width: 100%;
background-image: url(../images/body_bottom.png);
background-repeat: repeat-x;
background-position: center bottom;
}
Россия - страна недокументированных возможностей.
Шаблоны Блог.
Посетитель
no avatar
МедальПочетный донор проектаПочетный донор проектаПочетный донор проекта
Сообщений: 292
Спасибо, но не совсем, я бы хотела, чтобы она прокручивалась вместе со всем сайтом, то есть без position:fixed.
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 479
Используйте отрицательное значение margin (если я вас првильно понял)
Создание сайтов, верстка, дизайн, кодинг http://www.atlantisweb.ru
Спасибо принимаются на: WMR239595808293 WMZ357055804143 ЯД 41001150698283
Посетитель
small user social cms
Медаль
Сообщений: 334
как здесь - www.mfbcapital.ru ?
фон остается на месте, а контент пролистывается?
Посетитель
small user social cms
Медаль
Сообщений: 315
посмотри здесь

специально травку вставил laugh
Редактировалось: 1 раз (Последний: 6 декабря 2010 в 20:28)
Россия - страна недокументированных возможностей.
Шаблоны Блог.
Посетитель
no avatar
МедальПочетный донор проектаПочетный донор проектаПочетный донор проекта
Сообщений: 292
LonelyCat, да именно так хочется.

Но вставила все, как написал, вот такая фигня получается:
http://www.detskiypark.ru/
Посетитель
small user social cms
Медаль
Сообщений: 315
кинь шаб на почту, поправлю
Россия - страна недокументированных возможностей.
Шаблоны Блог.
Посетитель
no avatar
МедальПочетный донор проектаПочетный донор проектаПочетный донор проекта
Сообщений: 292
Какие именно файлы кинуть?
У меня чистая тестовая версия 1.7. Кроме цвета в css и позиции в template, как ты сказал, ничего не меняла.
Посетитель
small user social cms
Медаль
Сообщений: 315
яс. сегодня посмотрю
Россия - страна недокументированных возможностей.
Шаблоны Блог.
Посетитель
small user social cms
Медаль
Сообщений: 315
ну очень просто, как я и писал выше.
1. после <body> вставь <div id="cat_body_wrapper">
2. перед
</div>
<div id="footer">
вставь
<div class="clear"></div>
</div>
3. в файл стилей добавь
#cat_body_wrapper {
width: 100%;
background-image: url(../images/body_bottom.png);
background-repeat: repeat-x;
background-position: center bottom;
}
Россия - страна недокументированных возможностей.
Шаблоны Блог.
Посетитель
no avatar
МедальПочетный донор проектаПочетный донор проектаПочетный донор проекта
Сообщений: 292
О! Спасибо большое!
Все заработало!

Только потребовалось еще в CSS вставить min-height, чтобы на коротких статьях травка вверх не ползла. Жаль только, что в Explorer6 мои "100%" по барабану.


#cat_body_wrapper {
width: 100%;
background-image: url(../images/bg1.jpg);
background-repeat: repeat-x;
background-position: center bottom;
min-height: 100%;
}


div class="clear" я заменила на <br clear="all"/ > - так корректнее работает, футер не сползает за границы экрана.
Посетитель
small user social cms
Медаль
Сообщений: 315
Katerina:
О! Спасибо большое!

обращайся smile
Россия - страна недокументированных возможностей.
Шаблоны Блог.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.