WebSite X5Help Center

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

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

Author: Данила Б.
Visited 1265, Followers 1, Shared 0  

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

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

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

 

Posted on the
6 ANSWERS - 1 USEFUL - 1 CORRECT
Alexandr Belyakov
Alexandr Belyakov
User

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

Read more
Posted on the from Alexandr Belyakov
Данила Б.
Данила Б.
User
Author

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

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

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

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

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

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

Read more
Posted on the from Данила Б.
Alexandr Belyakov
Alexandr Belyakov
User

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

Read more
Posted on the from Alexandr Belyakov
Serg Linds
Serg Linds
User
Alexandr Belyakov
Данила, посмотрите мои сайты www.sapsangsm-tver.ru, www.prudishe.ru, http://www.мебель-алдан.рф/- там при любом разрешении экрана подвал ровненький, приклеенный. Почему у Вас не получается не пойму.

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

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

Read more
Posted on the from 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>

Read more
Posted on the from Vitaliy M.
Данила Б.
Данила Б.
User
Author

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

Read more
Posted on the from Данила Б.