Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Закрепить footer внизу страницы

Закрепить footer внизу страницы

narkom6n 02.03.2014 Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS) 4407

вопрос

Подскажите как закрепить footer внизу страницы, что бы он при растягивании сайта всегда был прижат к низу страницы.

Вот код моего footera:

Показать / Скрыть текст

<footer id="colophon" role="contentinfo" class="span12">
<div id="page-footer" class="clearfix">
<center><a href="/" style="color: #ce422b;">Мой сайт</a> © 2014</center>
</div><!-- #page-footer .well .clearfix -->

<div id="footer_social">
<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
 data-yashareQuickServices="yaru,vkontakte,facebook,twitter,moimir" data-yashareTheme="counter"></div> 
</div>
    
<div id="footer_platforms">
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t17.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet-->
</div>
</footer>

Вот css:

Показать / Скрыть текст

#colophon {
position: absolute !important;
left: 0 !important;
right: 0 !important;
background: transparent url('../images/footer.png' ) center top;
width: inherit !important;
height: 245px !important;
margin: 0 !important;
float: none !important;
}

#footer_platforms {
left: initial;
right: 64px;
}

#footer_platforms {
font-family: fontawesome;
font-size: 64px;
color: #111;
position: absolute;
bottom: 29px;
}

#page-footer {
position: absolute;
bottom: 32px;
left: 0;
right: 0;
}
#footer_social {
font-family: fontawesome;
font-size: 64px;
color: #111;
position: absolute;
left: 64px;
bottom: 28px;
}

Ответа пока нет

7 комментариев

Админ

3457

ПафНутиЙ - 2014-03-022 марта 2014 10:51 - #24304

http://csstemplater.com/

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

narkom6n - 2014-03-022 марта 2014 15:32 - #24312

Можно по подробней, пожалуйста.

Юзер

vk_33844145 - 2014-03-022 марта 2014 18:12 - #24321

body, html {height: 100%;} и контенту дай height:100%;

Юзер

narkom6n - 2014-03-023 марта 2014 11:06 - #24338

Не получается, задаю height:100%, но все равно футер не прилипает.

Юзер

vk_33844145 - 2014-03-023 марта 2014 17:14 - #24354

Дайте ссылку на сайт

Юзер

narkom6n - 2014-03-024 марта 2014 12:01 - #24397

ответьте в лс.

PHP-developer

1783

Sander - 2014-03-024 марта 2014 15:43 - #24401

http://sandev.pro/web/67-kak-zakrepit-futer-vnizu-ekrana.html

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Похожие вопросы

помогите пожалуйста как исправить это

20.03.2014 vardanpetrosyan Общие вопросы по вёрстке

помогите исправить блок

23.03.2014 vardanpetrosyan Общие вопросы по вёрстке

Переключатель такой как в шаблоне Default?

24.03.2014 tullius Общие вопросы по вёрстке

Горизонтальные плавающие социальные кнопки в dle

24.04.2014 3970 Общие вопросы по вёрстке

Настройка модального окна

02.05.2014 psih Общие вопросы по вёрстке, Стили (CSS)

Вопрос по верстке

04.08.2014 jarrro Общие вопросы по вёрстке

Боковое меню съезжает за footer, как исправить?

05.04.2015 zip Общие вопросы по вёрстке

Последние события

izi4 | Вывод тегов - как это делается? ²

izi4
Вывод тегов - как это делается?
Вчера, 10:07

izi4,
Забыл добавить, хочу вставить в main.tpl
izi4 | Вывод тегов - как это делается? ²

izi4
Вывод тегов - как это делается?
Вчера, 09:54

<meta property="article:published_time" content="{date=Y-m-d}">
почему сейчас это не срабатывает? Версия DataLife Engine:17.2
TeraMoune | В комментариях неверно выводится чекбокс ... ¹

TeraMoune
В комментариях неверно выводится чекбокс. Как поправить?
23-03-2025, 15:41

Поправить можно при помощи CSS, смотреть в стандартном шаблоне либо открыть страницу https://dle-news.ru/templates-changelog.html и посмотреть изменения относительно вашей прошлой версии и тех до которых вы обновиляете. Стили относящиеся этого вопроса находятся в Изменения между версиями 17.2 и 17.3.
TeraMoune | Как сменить тему TinyMCE?
TeraMoune
Как сменить тему TinyMCE?
17-03-2025, 06:34
```
if( typeof tinymce === 'object' ) {
	tinymce.get().forEach((item) => {

		if( this.isDarkTheme() ) item.contentDocument.activeElement.classList.add('dle_theme_dark');
		else item.contentDocument.activeElement.classList.remove('dle_theme_dark');
	
	});
}
```
Вместо this.isDarkTheme() использовать то, что используется у вас для определения или установления факта тёмной темы.

Для применения тёмной темы панели кнопок необходимо установить html тегу класс dle_theme_dark
TeraMoune | Как вывести кнопку добавления статическо ... ¹

TeraMoune
Как вывести кнопку добавления статической страницы на сайт с модерацией ?
13-03-2025, 16:33

Таких возможностей не предусмотрено как и модерации этого типа страниц.
tarantino1 | Адаптация Kylshop 5.3 для DLE 15 ¹¹

tarantino1
Адаптация Kylshop 5.3 для DLE 15
13-03-2025, 15:35

помогите плиз, модуль не появился в админке, или как в админку зайти? кто-то выше спрашивал какие теги у него, их нигде в сети нет, но я нашёл его сайт на веб архив и вот основные теги ниже.
Общие теги
{cart} - выводит мини-корзину на странице. Данный тег можно не указывать, при этом плагин сам вставит корзину в конец html документа. При этом должен присутствовать обязательный стандартный тег DLE {AJAX}
По умолчанию стили фиксируют корзину справа вверху. Вы можете переписать стили в своем файле стилей, во избежание затирания стандартных стилей при обновлении плагина.
{filter} - выводит на страницу фильтр товаров.
Работает с реальными ценами, без учета скидок. В дальнейших обновлениях сделаю настройку включения или отключения учета скидок.
{map} - выводит карту, которая отвечает за пункты доставки.
{balance} - выводит баланс пользователя.
{addBalance} - выводит форму для пополнения баланса.
Теги для shortstory.tpl и fullstory.tpl (custom.tpl)
{add-cart} - выводит кнопку добавления товара в корзину.
{go-payment} - выводит кнопку моментального перехода на страницу оформления заказа.
{counter} - выводит поле, для выбора количества шт.
{product} - выводит содержимое, которое забито в поле (после оплаты | вкладка магазин).
{price} - реальная цена товара.
{price-sale} - цена с учетом скидки.
{sale} - скидка.
{sale-type} - тип скидки (знак валюты или знак процента).
{currency} - знак валюты.
{filter} - выводит свойства (фильтры) данного товара. В дальнейшем это будет называться свойства.
{count} - выводит количество позиций товара.
{count-orders} - количество проданных позиций.
Условные:
[price] содержимое [/price] - будет выводиться содержимое, если цена задана
[sale] содержимое [/sale] - будет выводиться содержимое, если скидка задана
[not-price] содержимое [/not-price] - отобразит содержимое, если цены нет
[not-sale] содержимое [/not-sale] - отобразит содержимое, если скидки нет
[related-goods] содержимое [/related-goods] - отображает содержимое, если похожие товары заданы
[present]<span class="present">+1 в подарок</span>[/present] - отображает label, если сейчас счастливые часы.
Теги для userinfo.tpl
{my_goods} - выводит список заказов пользователя в виде таблицы.
Теги для /kylshop/cart.tpl
- страница оформления заказа.
{cart} - корзина выбранных товаров в виде таблицы.
{total} - контейнер для общей суммы в корзине.
{without-sale} - контейнер с отображением общей суммы с учетом скидки.
{method} - выпадающий список (методы).
{method-total} - цена за метод.
{without-method} - общая сумма из корзины включая цену за метод.
{form} - форма заказа созданная в админ-панели плагина.
{map} - карта с пунктами доставки.
{promo-code} - поле для ввода промо-кода.
Дополнительные теги
{ pay="315|Индивидуальный товар" } - выведет кнопку с названием индивидуальный товар с ценой 315.
{ pay="Оплатить" } - выведет поле для ввода суммы и кнопку с названием оплатить.
Теги выведены с пробелами, потому что они заменяются на кнопки. Вы вводите теги без пробелов.
TeraMoune | MySQL установил Dle Forum V.3.5 и бд выд ... ¹

TeraMoune
MySQL установил Dle Forum V.3.5 и бд выдает ошибку,что поправить?
11-03-2025, 01:23

Ошибка говорит о том, что ячейки img_id нету в таблице, что в принципе странно поскольку модуль и не создаёт таблицы с именем _forum_images. Ищите другие версии или пишите автору если он еще занимается модулем.
LMakc | Ссылка на воспроизведение аудио ? ⁴

LMakc
Ссылка на воспроизведение аудио ?
9-03-2025, 00:58

Вариант создать доп. поле [xfvalue_mp3]
bycocacola | Ссылка на воспроизведение аудио ? ⁴

bycocacola
Ссылка на воспроизведение аудио ?
2-03-2025, 15:02

Нашел вариант:
создать доп. поле, например: music
Тип поля: загружаемый аудио плейлист
и в нужном месте: [xfvalue_music audio-url="1"]
Выводит прямую ссылку на .mp3
bycocacola | Ссылка на воспроизведение аудио ? ⁴

bycocacola
Ссылка на воспроизведение аудио ?
2-03-2025, 10:55

dle 17.3

наверх