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

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

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

Запитання:

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

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

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

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

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

2

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

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

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

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, і мучати собі мізки?

4

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

FakiNyan написав:

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

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

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