WebSite X5Help Center

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

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

Autor: Данила Б.
Visitado 1333, Seguidores 1, Compartilhado 0  

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

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

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

 

Publicado em
6 RESPOSTAS - 1 ÚTIL - 1 CORRIGIR
Alexandr Belyakov
Alexandr Belyakov
User

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

Ler mais
Publicado em de Alexandr Belyakov
Данила Б.
Данила Б.
User
Autor

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

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

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

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

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

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

Ler mais
Publicado em de Данила Б.
Alexandr Belyakov
Alexandr Belyakov
User

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

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

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

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

Ler mais
Publicado em 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>

Ler mais
Publicado em de Vitaliy M.
Данила Б.
Данила Б.
User
Autor

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

Ler mais
Publicado em de Данила Б.