1 Тема від operspecgroup Востаннє редагувалося operspecgroup (02.04.2020 18:33:56)

  • Дата реєстрації: 09.07.2018
  • Повідомлень: 7
    • Репутація: 1

Тема: Трьохколонковий макет без flexa (позиціонування footera)

https://codepen.io/dmytro-shaiasiuk/pen/LYVvJwy
Моя задача проста: побудувати трьохколонковий макет без флекса, щоб колонки були однакові і підвал був знизу. Зверху код того, що вийшло у мене.

Запитання:

  1. Чому контент не формує висоту body?Скористався ж для цього кліарфіксом.

  2. Чому при недостачі контетну футер повзе вверх? (задавав же 100% для html),

  3. а при використанні absolute лишаеться на нижній межі viewportу. %)

  4. Як це все можна найефективніше та найпростіше зробити без флексів?

Подякували: leofun011

2 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: Трьохколонковий макет без flexa (позиціонування footera)

а чому без флексів?

3 Відповідь від 221VOLT Востаннє редагувалося 221VOLT (03.04.2020 19:22:16)

  • 221VOLT
  • 221VOLT
  • ♥ pattern matching
  • Поза форумом
  • Звідки: Львів
  • Дата реєстрації: 26.09.2015
  • Повідомлень: 2 719
    • Репутація: 1876

Re: Трьохколонковий макет без flexa (позиціонування footera)

operspecgroup написав:

https://codepen.io/dmytro-shaiasiuk/pen/LYVvJwy
Моя задача проста: побудувати трьохколонковий макет без флекса, щоб колонки були однакові і підвал був знизу. Зверху код того, що вийшло у мене.

Запитання:

  1. Чому контент не формує висоту body?Скористався ж для цього кліарфіксом.

  2. Чому при недостачі контетну футер повзе вверх? (задавав же 100% для html),

  3. а при використанні absolute лишаеться на нижній межі viewportу. %)

  4. Як це все можна найефективніше та найпростіше зробити без флексів?

2 -- ви не задали висоту для контейнера
для сучасних браузерів пофіксати цей момент можна так

.content{ min-height: calc(100% - 65*2px); }

1 -- не зрозумів запитання
що означає "контент формує висоту body" ?

3 -- а що означає absolute ?
чим absolute відрізняється від relative , від inherit ?

4 -- це вже розглядали?

▼Прихований текст

запитання -- чому не взяти purecss, і мучати собі мізки?

221VOLT вебсайт

4 Відповідь від 221VOLT

  • 221VOLT
  • 221VOLT
  • ♥ pattern matching
  • Поза форумом
  • Звідки: Львів
  • Дата реєстрації: 26.09.2015
  • Повідомлень: 2 719
    • Репутація: 1876

Re: Трьохколонковий макет без flexa (позиціонування footera)

FakiNyan написав:

а чому без флексів?

▼Прихований текст

тому, що вони багато флексять  :D

221VOLT вебсайт