1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Как можно прижать футер к низу когда мало контента и футер вложенный

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем AlexGood, 4 дек 2019.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    По сути вопрос в теме: Как можно прижать футер к низу когда мало контента и футер вложенный
    http://test3.dtraduga.vh66.hosterby.com/news.php - вот как у меня
    Пробовал обертку и 2 дива...
    родителю
    display: flex;
    flex-direction: column;
    а первому div
    flex-grow:1;
    но что-то у меня так не прокатило (
     
    AlexGood, 4 дек 2019
    #1
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Dotrox, 4 дек 2019
    #2
    AlexGood нравится это.
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    AlexGood, 4 дек 2019
    #3
  4. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    можете посмотреть на моем макете... я в просмотре кода все прописываю и ничего не работает... ((
     
    AlexGood, 5 дек 2019
    #4
  5. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Там где-то есть незакрытые теги, из-за чего футер получается внутри блока .blockRightContent.
    Там точно не закрыт тег section и, вероятно, blockRightContent.

    И я вообще не вижу стилей для прижатия футера!

    На .wrapper нужно добавить:
    Код:
    height: 100%;
display: flex;
flex-direction: column;
    И на сам футер:
    Код:
    margin-top: auto;
     
    Dotrox, 6 дек 2019
    #5
    AlexGood нравится это.
  6. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    он на одной странице у меня фиксированный, а на этой и надо чтобы он именно внутри правого блока лежал а не за его пределами и там был прижат к низу если мало контента
    ... в коде нет так как я в просмотре кода тестил сразу
     
    AlexGood, 6 дек 2019
    #6
  7. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Вообще, структура сайта не должна меняться в зависимости от страницы. И в любом случае незакрытых тегов быть не должно!

    Если оставить футер внутри wrapper и применить мои стили, визуально будет казаться, что он внутри правой колонки. А при текущей вёрстке прижать его к низу - это задача намного сложнее, чем когда футер лежит прямо во wrapper.
     
    Dotrox, 7 дек 2019
    #7
    AlexGood нравится это.
  8. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    - это бредни заказчика... типа хочу и все (
    он только на 2 страницах фиксирован а везде тот вариант что я написал ((( теперь фиг знает что делать...
    буду пробовать еще варианты...
     
    AlexGood, 7 дек 2019
    #8
< Дизайн или верстка сайта. | Раскрытие bootstrap navbar поверх основного слоя >