Как сделать, чтобы div подстроился под высоту окна браузера?

Question

[fedorenko_k]

Здравствуйте.
Пока создавал лендинг в Adobe Muse всё было хорошо, все страницы тянулись при height: 100vh, но как только я всё перенес на сайт... Страницы перестали тянуться на весь экран, только последняя почему-то растянулась.

Сайт: https://loader.space/ (не реклама).

Посмотрите, пожалуйста, может чем сможете помочь.

Comments

[Dmitry]

мне кажется, что то с распооложением блоков... он дает 100vh но не от вью порта, а от родителя что-ли... мне дизайн и концепция понравились... что использовал? плюс посмотри в инструмента рзработчика - там ошибку в скрипте выдает - может он и перестает срабатывать.

[fedorenko_k]

dk-web: да, ошибка где-то в скрипте. А, точнее, оно что-то там не хочет делать. Сейчас посмотрим.

[Dmitry]

fedorenko_k: да... и такой сайт всякой должен быть адаптивным - а сейчас этого нет...

[Dmitry]

fedorenko_k: cannot read msie property of undefined... что-то там не передается

[fedorenko_k]

dk-web: да.. Оптимизация для телефона не так легка, но в кабинете пользователя она присутствует. Это так - лендинг для завлечения пользователей. Ошибка исправлена, всё работает.

[Dmitry]

fedorenko_k: да тут чего сложно в адаптивном? ставь width 100% и все) мне идея право понравилась... минимально и по делу.

[Dmitry]

fedorenko_k: админка на фреймворке? очень понравились формы для авторизации и регистрации - отл!

[fedorenko_k]

dk-web: Проект полностью с нуля писал на фреймворке :)

[Dmitry]

fedorenko_k: php-шный? еще раз выражу свое "отлично", но все же адаптивности не хватает) доброй ночи!

[Dmitry]

fedorenko_k: да... из мелочей - я бы добавил активным скайп и ссылку на вк группу, чтобы кликом можно было сразу на страничку перейти. В форме авторизации кнопку "войти в кабинет" по правому краю формы выровнял бы... форму регистрации тоже на 100vh (сейчас небольшая прокрутка), и почтовый адрес бы заменил на (email|электронная почта) - почтовый адрес все же не то)
это не критика ни в коем случае -)

[fedorenko_k]

dk-web: понял, исправлю на днях. Благодарю за помощь. Спокойной ночи.

Answer 1

[littleguga]

У Вас из-за float'ов всё полетело. clearfix'ы криво расставлены. У Вас блок "страницы"/step - float: left, но без clearfix, а внутрь него куча всего вложено. + 100vh не помогут, т.к для каждого такого блока высота скриптом высчитывается и прописывается элементу. А они съезжают вверх из-за кривых float'ов.