С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.84/25: Рейтинг темы: голосов - 25, средняя оценка - 4.84
0 / 0 / 0
Регистрация: 31.05.2015
Сообщений: 35
1

Как подогнать высоту страницы под высоту экрана?

21.09.2015, 21:49. Показов 4604. Ответов 4
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Здравствуйте, друзья!
Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой - http://toolbird.com/signup/)отображалась на любом десктопном устройстве тютелька-в-тютельку под размер экрана, без скроллинга.
Речь идет о верстке в Bootstrap3, но с благодарностью приму и другие возможные решения.

Спасибо большое!
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
21.09.2015, 21:49
Ответы с готовыми решениями:

Центральный блок должен растягиваться на всю высоту экрана, а не на высоту контента
Всем привет. Сразу к делу. Сайт делаю резиновым. Структура сайта по сути из трёх блоков. Шапка,...

Как подогнать высоту блоков? (Bootstrap)
Ниже приведу код верстки и скриншот, на котором указаны нюансы. Основной вопрос - как подогнать...

Хедер подстравивается под высоту экрана
Подскажите, как сделать следующее или хотя бы намекните. Хедер растягивается по высоте на весь...

Grid: зафиксировать высоту страницы на 100% экрана, добавить скрол к таблице внутри grid_item
/* Repeat a 1fr row 4 times and a 1fr column 3 times */ /* Map names to each grid cell */...

4
Фрилансер
735 / 352 / 96
Регистрация: 05.05.2014
Сообщений: 2,621
21.09.2015, 23:19 2
используйте относительные величины для задания размеров элементов
http://htmlbook.ru/content/edinitsy-izmereniya
0
0 / 0 / 0
Регистрация: 31.05.2015
Сообщений: 35
22.09.2015, 13:19  [ТС] 3
прочитал я материал по ссылке.. не понимаю как его применить... там речь идет только о шрифтах.. а тут надо что-то делать с высотой блоков
0
Модератор
2294 / 837 / 243
Регистрация: 22.04.2013
Сообщений: 6,145
Записей в блоге: 1
22.09.2015, 16:04 4
думаю, что надо смотреть в сторону vh & vw
тут примерно прочитать
а тут примерно посмотреть, где будет работать
0
327 / 217 / 97
Регистрация: 04.11.2012
Сообщений: 638
22.09.2015, 18:04 5
DennisM,
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>asdf</title>
</head>
<body>
  <div class="content">
    some content
  </div>
</body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
* {
  padding: 0;
  margin: 0;
}
 
html, body {
  height: 100%;
}
 
.content {
  background: #ccc;
  height: 100%;
}
0
22.09.2015, 18:04
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
22.09.2015, 18:04
Помогаю со студенческими работами здесь

Подогнать высоту блоков независимо от кол-ва теста в них
сайт, там есть блок &quot;наши услуги&quot; и &quot;отзывы&quot;. Там у блоков разная высота. Как сделать так, чтобы...

Как уменьшить высоту страницы?
Сверстал страницу, но появились полосы прокрутки по вертикали и горизонтали. По горизонтали убрал,...

Как настроить высоту страницы
Фон контента отображается по разному на разных страницах. Как сделать чтобы высота всегда...

Как сделать section на всю высоту экрана, работаю в bootstrap
Такая вот проблемка, скачал себе на локальный сервер бесплатный готовый шаблон bootstrap, вот он...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru