Добавить Footer меню под всем блоком

Тема в разделе "Верстка", создана пользователем Otto, 29 май 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. Otto

    Otto

    Регистр.:
    12 май 2008
    Сообщения:
    481
    Симпатии:
    158
    Имеется шаблон, где по умолчанию Footer находиться в центральной части страницы, хотелось перенести под всем блоком, сейчас же он сверху (т.е. position:absolute;)

    В итоге должно получиться так: http://i.imgur.com/fzWCM5Z.png
    Сейчас так: http://prntscr.com/7bttcs

    При тестировании заметил что position:absolute; работает из-за классов:
    .main-container:before{...}
    .sidebar:before{...}


    Но если удалить их тогда другие части не верно выводятся

    Важно что бы Footer меню и другие части одинокого выводились бы при вкл./выкл. настроек в правой части

    P.S. файл во вложении
     

    Вложения:

    • footer_menu.rar
      Размер файла:
      255,8 КБ
      Просмотров:
      7
    Последнее редактирование: 1 июн 2015
  2. Q_BASIC

    Q_BASIC

    Регистр.:
    30 ноя 2013
    Сообщения:
    352
    Симпатии:
    223
    А что делать то? Я видел уже эту тему, но не понял что требуется и ушел.


    В центральный части никакой футер не вижу. Что перенести?

    На вашей картинке я не понял что стрелками показано

    Нарисуйте хотя бы в паинте как должно быть
    [​IMG]
     
  3. Provokator86

    Provokator86

    Регистр.:
    27 май 2012
    Сообщения:
    327
    Симпатии:
    188
    скрин.jpg
    У меня немного отличается скрин. Футер прижат к низу... Блин, пока писал и всавлял аналогичный ответ кинули (
     
  4. Otto

    Otto

    Регистр.:
    12 май 2008
    Сообщения:
    481
    Симпатии:
    158
    хмм, немного не понял что не ясно то )) В итоге должно получиться так: http://i.imgur.com/O6ZWdXC.png
    т.е. футер должен быть под блоками... Сейчас же он в центральной части.

    Верхней стрелкой я показываю при каких настройках футер аналогично должен быть
    В нижней стрелке показываю как должен быть под блоком, сейчас он же сверху... т.е. так http://i.imgur.com/cUi56bY.png
     
  5. Q_BASIC

    Q_BASIC

    Регистр.:
    30 ноя 2013
    Сообщения:
    352
    Симпатии:
    223
    А что Вы стрелками показали? У меня и сейчас как на скрине

    Вы нарисуйте готовый вариант
     
  6. Otto

    Otto

    Регистр.:
    12 май 2008
    Сообщения:
    481
    Симпатии:
    158
    На скрине я нарисовал готовый вариант, а в аттач прикрутил не готовый...

    Понимаете, в шаблоне CSS по разному реагирует на настройки шаблона каторые можно устанавливать в правой части (там где checkbox) вот и при всех вариантов настроек (checkbox-ов) надо что бы футер был бы под левыйм и центральным блоком как на скрине и показал http://i.imgur.com/O6ZWdXC.png

    Попробуйте удалить position:absolute; работает из-за классов:
    .main-container:before{...}
    .sidebar:before{...}

    И вы заметите что будет так как мне надо, но тогда левый блок теряет фон цвета, высоту и.... вот и такой вариант не совсем нравится...
     
  7. Provokator86

    Provokator86

    Регистр.:
    27 май 2012
    Сообщения:
    327
    Симпатии:
    188
    Уберите абсолют в футер контент и вставьте в
    footer
    height: 0;
    width: 0;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    Или просто в футер добавьте
    position: absolute;
    bottom: 0;
    Это имели ввиду? Я просто немного тз не могу понять :dk:
     
    Последнее редактирование: 1 июн 2015
  8. Otto

    Otto

    Регистр.:
    12 май 2008
    Сообщения:
    481
    Симпатии:
    158
    Не помогло...
    Я обновил в первом посте аттач файл, посмотрите его, сейчас там так http://i.imgur.com/6mOoEre.png а мне надо так http://i.imgur.com/fzWCM5Z.png (ну то что название меню разное это просто так...)
     
  9. Q_BASIC

    Q_BASIC

    Регистр.:
    30 ноя 2013
    Сообщения:
    352
    Симпатии:
    223
    .footer {
    background: #E5E6EA;
    }

    И всё, по моему
     
  10. Otto

    Otto

    Регистр.:
    12 май 2008
    Сообщения:
    481
    Симпатии:
    158
    Ну нее... тут и высота теряется левого блока...
    Был бы благодарен если попробуешь, Provokator86 тоже обещал познее посмотреть :ay:
     
Статус темы:
Закрыта.