Как приклеить подвал к низу страницы?
Autor: Данила Б.
Besucht 1334,
Followers 1,
Geteilt 0
Добрый день. Подскажите, пожалуйста.
Как приклеить подвал к низу страницы? Это позволило бы красиво смотреться на разных мониторах.
С уважением к Вам
Gepostet am
Посмотрите в настройках структуры основного и адаптивного шаблона - там можно отступали и размерами подобрать нужные вам значения.
Autor
Спасибо Александр за ответ, но это помогает только под конкретное разрешение экрана и монитор. А вот как сделать, чтобы независимо от экрана и разрешения, подвал автоматически приклеивался книзу?
Кое, что я обнаружил. Если прописать следующий код в style.css:
body {
display: flex;
flex-direction: column;
min-height: 100vh;
margin: 0;
}
main {
flex: 1;
}
то подвал приклеивается книзу, но этот код не влиет на то, что в подвале было написано. Текст подвала программа переводит в png и эта картинка так и остается на месте. Есть какие либо мысли?
Прикладываю пример: Картинка 2 - подвал с кодом в style.css
С уважением ко всем.
Данила, посмотрите мои сайты www.sapsangsm-tver.ru, www.prudishe.ru, http://www.мебель-алдан.рф/- там при любом разрешении экрана подвал ровненький, приклеенный. Почему у Вас не получается не пойму.
Что-то я не наблюдаю приклееного футера на ваших сайтах.
Приклееный (в моём понимании) это когда он виден всегда внизу окна, а контент при необходимости скролиться отдельно.
Используйте код:
<style>
#imFooter {position:fixed !important; bottom:0px; z-index:1000; }
#imFooterBg {position:fixed !important; z-index:1;}
</style>
Autor
Ребят, спасибо за отзывы и участие. Наверное, я не совсем точно выразился. Я имел ввиду, если у страницы минимальное наполнение, то подвал по умолчанию находится где то в районе середины экрана, а как сделать так, чтобы он автоматически приклеивался книзу, т.е. страница растягивалсяь до конца экрана? Если просто подогнать под размер, это помогает только при конкретном экране и разрешении?