WebSite X5Help Center

 
Данила Б.
Данила Б.
User

Как приклеить подвал к низу страницы?  ru

Auteur : Данила Б.
Visité 1338, Followers 1, Partagé 0  

Добрый день. Подскажите, пожалуйста.

Как приклеить подвал к низу страницы? Это позволило бы красиво смотреться на разных мониторах.

С уважением к Вам

 

Posté le
6 RéPONSES - 1 UTILES - 1 CORRECT
Alexandr Belyakov
Alexandr Belyakov
User

Посмотрите в настройках структуры основного и адаптивного шаблона - там можно отступали и размерами подобрать нужные вам значения.

Lire plus
Posté le de Alexandr Belyakov
Данила Б.
Данила Б.
User
Auteur

Спасибо Александр за ответ, но это помогает только под конкретное разрешение экрана и монитор. А вот как сделать, чтобы независимо от экрана и разрешения, подвал автоматически приклеивался книзу?

Кое, что я обнаружил. Если прописать следующий код в style.css:

body {
display: flex;
flex-direction: column;
min-height: 100vh;
margin: 0;
}
main {
flex: 1;
}

то подвал приклеивается книзу, но этот код не влиет на то, что в подвале было написано. Текст подвала программа переводит в png и эта картинка так и остается на месте. Есть какие либо мысли?

Прикладываю пример: Картинка 2 - подвал с кодом в style.css

С уважением ко всем.

Lire plus
Posté le de Данила Б.
Alexandr Belyakov
Alexandr Belyakov
User

Данила, посмотрите мои сайты www.sapsangsm-tver.ru, www.prudishe.ru, http://www.мебель-алдан.рф/- там при любом разрешении экрана подвал ровненький, приклеенный. Почему у Вас не получается не пойму.

Lire plus
Posté le de Alexandr Belyakov
Serg Linds
Serg Linds
User
Alexandr Belyakov
Данила, посмотрите мои сайты www.sapsangsm-tver.ru, www.prudishe.ru, http://www.мебель-алдан.рф/- там при любом разрешении экрана подвал ровненький, приклеенный. Почему у Вас не получается не пойму.

Что-то я не наблюдаю приклееного футера на ваших сайтах.

Приклееный (в моём понимании) это когда он виден всегда внизу окна, а контент при необходимости скролиться отдельно.

Lire plus
Posté le de Serg Linds
Vitaliy M.
Vitaliy M.
User

Используйте код:

<style>

#imFooter {position:fixed !important; bottom:0px; z-index:1000; }
#imFooterBg {position:fixed !important; z-index:1;}

</style>

Lire plus
Posté le de Vitaliy M.
Данила Б.
Данила Б.
User
Auteur

Ребят, спасибо за отзывы и участие. Наверное, я не совсем точно выразился. Я имел ввиду, если у страницы минимальное наполнение, то подвал по умолчанию находится где то в районе середины экрана, а как сделать так, чтобы он автоматически приклеивался книзу, т.е. страница растягивалсяь до конца экрана? Если просто подогнать под размер, это помогает только при конкретном экране и разрешении?

Lire plus
Posté le de Данила Б.