Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Два футера друг под другом внизу страницы. Как этого добиться? 
:(
    Опции темы
Guedda
Дата 19.12.2018, 15:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78



Здравствуйте, уважаемые. 
Возникла проблема, которую я не могу решить. Вот картинка, и к ней описание:
user posted image
Посмотрите на левую картинку. Суть в том, что если контента мало, то футер 1 коричневого блока и футер 2 оранжевого блока прилеплены к низу экрана, но если контента очень много, то надо сделать так, как на картинке справа: два футера смещаются вниз.
Максимально к чему я приблизился с помощью bootstrap 4 и flex это:
Код

<div class="h-100 d-flex flex-column align-items-stretch">
  <div class="flex-grow-1 h-75">
    <div class="h-100 d-flex flex-column align-items-stretch">
      <div class="flex-grow-1 h-100">Content</div>
      <div>Footer 2</div>
    </div>
  </div>
  <div>
    Footer 1
  </div>
</div>

Но если конента много, то футер 1 прячется под контентом, а футер два ведет себя нормально.

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


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
Google
  Дата 16.12.2019, 04:41 (ссылка)  





  Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0535 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.