Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 6429 Просмотров
*

mocart

  • Захожу иногда
  • 112
  • 9 / 0
Вторую бэкграунд-картинку прижать к низу
« : 23.07.2012, 21:58:53 »
Маюсь не первый час, почти все перепробовал, что нашел в сети на тему.

Разметка примерно такая

Код: php
<html>
<body>
<div id="header"></div>
<div id="wrap">
   <div class="left"></div>
   <div class="content"></div>
</div>
<div id="footer"></div>
</body>
</html>

И Css
Код: php
html {
    background: url(../images/background.png) repeat scroll 0 0 transparent;
    height: 100%;
    margin-bottom: 1px;
    width: 100%;
}
body {
    background: url(../images/bg-2.png) repeat-x scroll bottom transparent;
    height: 100%;
    margin: 0;
    width: 100%;
}
#wrap {
    margin: 0 auto;
    width: 960px;
}
#footer {
    float: left;
    width: 100%;
}
Бэкграунд картинка background.png занимает все пространство. А вот второй бэкграунд должен быть наложен на первую картинку и прижат к низу окна браузера, чего у меня и не выходит, вторая картинка оказывается прижата к верху, при таком раскладе.
Второй бекграунд - это плавное затемнение фона от середины к низу страницы, поэтому важно его прижать
Показать увы не могу, на локалке делаю.
« Последнее редактирование: 23.07.2012, 22:07:23 от mocart »
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Вторую бэкграунд-картинку прижать к низу
« Ответ #1 : 23.07.2012, 22:12:00 »
Код
body {
    background: url(../images/background.png) repeat 0 0,
                url(../images/bg-2.png) repeat-x 0 100%;
    height: 100%;
    margin: 0;
    width: 100%;
Записан
*

mocart

  • Захожу иногда
  • 112
  • 9 / 0
Re: Вторую бэкграунд-картинку прижать к низу
« Ответ #2 : 23.07.2012, 23:22:55 »
al-teen, спасибо за ответ, но так ничего не изменилось - bg-2.png все равно прибился к верху, да и IE не понимает сразу 2 картинки.

Может быть причиной этого то что в родительских элементах, что я указал выше, активно используются "дочки" с применением float:left ?
Я даже в FireBug смотрю, получается что при наведении на body выделяется не вся страница, а примерно 400px от начала, хотя указана высота 100%
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Вторую бэкграунд-картинку прижать к низу
« Ответ #3 : 23.07.2012, 23:27:09 »
Ну так создайте один общий контейнер, первую картинку дайте body, вторую этому контейнеру.
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Вторую бэкграунд-картинку прижать к низу
« Ответ #4 : 23.07.2012, 23:28:01 »
Записан
*

mocart

  • Захожу иногда
  • 112
  • 9 / 0
Re: Вторую бэкграунд-картинку прижать к низу
« Ответ #5 : 23.07.2012, 23:42:36 »
al-teen, у меня так и было, как по второй ссылке - см. мой код CSS выше, я к HTML добавил одну картинку, а к body второю.
Впрочем обернул сейчас еще в один контейнер - но нет!
Вся проблема мне кажется в этом:
Цитата: mocart от 23.07.2012, 23:22:55
Я даже в FireBug смотрю, получается что при наведении на body выделяется не вся страница, а примерно 400px от начала, хотя указана высота 100%
Еще раз перепроверил - все divы закрыты, в этом нет ошибки, вот почему body охватывает только часть страницы, а не всю, мне не понятно - именно поэтому вторая картинка прижимается к середине страницы, а не к низу.
Записан
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Вторую бэкграунд-картинку прижать к низу
« Ответ #6 : 23.07.2012, 23:57:19 »
после последнего дива в body впишите еще один див

<div class="clear"></div>

стили для него

.clear{
height: 0px;
width:100%;
clear:both;
}

Это позволит растянуть body на всю высоту дивов.

Еще, скорее всего, Вам понадобится прижать футер к низу экрана - гуглите, в инете много способов описано.
Записан
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

mocart

  • Захожу иногда
  • 112
  • 9 / 0
Re: Вторую бэкграунд-картинку прижать к низу
« Ответ #7 : 24.07.2012, 00:16:24 »
Taatshi, вы направили меня на правильный курс. Я как раз и использовал <div class="clear"></div>, только сразу после
<div class="content"></div>  чтобы растянуть область с контентом :), именно поэтому body был как бы только до середины.
Сейчас еще в конец добавил этот контейнер и все стало на свои места, спасибо за подсказку, я долго искал проблему и не увидел очевидного.
А с футером я быстро разобрался, тут не возникло проблем с его прижатием к подвалу.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как разместить картинку за текстом в статье?

Автор PNP

 Ответов: 11
Просмотров: 2121 		Последний ответ 10.08.2021, 20:59:27
от PNP
Можно ли прописать в scss ссылку и установить картинку?

Автор vova630

 Ответов: 0
Просмотров: 906 		Последний ответ 02.01.2021, 13:56:09
от vova630
Прижать вниз Flex элемент

Автор Forgiving

 Ответов: 3
Просмотров: 3128 		Последний ответ 11.05.2020, 17:49:18
от beliyadm
Не могу вывести картинку нужно размера

Автор stonehand

 Ответов: 3
Просмотров: 1244 		Последний ответ 22.03.2019, 21:55:29
от sivers
Картинку уменьшить при сжимание

Автор GuN

 Ответов: 1
Просмотров: 1296 		Последний ответ 10.08.2017, 11:57:15
от SheriffDM