Как растянуть div

@Pavel1_1 · Регистрация: 18.08.2012

Студворк — интернет-сервис помощи студентам

Добрый день.
Может и глупы вопрос но, как растянуть div по высоте, просто надо чтоб div был к примеру минимум высотой 700 пикселей, и если монитор у человечика с высотой 1000 пикселей то Div то див растягивается под монитор человека(получается резиновый по высоте)
ПС:min-height:700px; max-height:100%; не работает
Всем спасибо огромное за совет!!!

Donald28 · 18.08.2012, 20:36

Сообщение от Pavel1_1

ПС:min-height:700px; max-height:100%;

а ты попробуй без max:

CSS
1
2
 min-height: 700px;
height: 100%;

@Pavel1_1 · 18.08.2012, 21:14 **[ТС]**

Спасибо, помогло, осталось только чтоб футер правильно прижимался к низу)

@LF63 · 19.08.2012, 16:38

http://www.zakharov.ms/footer/ - на мой взгляд отличная статья про прижатие подвала)

@Pavel1_1 · 19.08.2012, 17:02 **[ТС]**

Спасибо

@LF63 · 19.08.2012, 17:23

Всегда пожалуйста) надеюсь вам будет полезно)

@Pavel1_1 · 19.08.2012, 18:54 **[ТС]**

А вы может есче посоветуете div под растяжку по высоте, (резиновый) начал прописывать, ничего не вышло, просто почему по коду ну просто должно работать)) а так не хочет то есть да div растягивает под мою высоту монитора а у друга проверял на компе у него монитор побольше и div не растягивается на всю высоту а оставался по высоте примерно как на моем мониторе.
или кто скрип посоветует какой,
Спасибо есче раз всем кто мне помогает.

@LF63 · 19.08.2012, 20:00

Pavel1_1, ну вы код свой покажите, если по силам, помогу)

@and_y87 · 20.08.2012, 10:31

Pavel1_1, наверника загвоздка в CSS: html,body heigth: 100% не прописали...

@Pavel1_1 · 20.08.2012, 10:39 **[ТС]**

Доброе утро, да я уже простой код прописывал , чтоб div по height растягивался под высоту любого монитора(ну никак(((), если можете пропишите чтоб div растягивался под любой монитор (высоту)

Добавлено через 2 минуты
вот пример

CSS
1
2
3
4
html{height:100%; width:100%; color:#000; background:#E1E3EF;}
body{ height:100%;  margin:0; padding:0; min-width:1130px; max-width:1800px;}
*{margin:0; padding:0;} 
#container{position:relative; min-height:100%; height:auto !important; height:100%; width:100%; margin:0 auto; overflow:hidden;}

@and_y87 · 20.08.2012, 11:06

Вуаля...

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
</head>
<style>
html,body {
    margin:0;
    padding:0;
    height: 100%;
    min-height: 100%;
}
.divik-height-100 {
    height: 100%;
    border: 2px solid #F00;
}
</style>
<body>
<div class="divik-height-100"></div>
</body>
</html>

Добавлено через 3 минуты
Хотя твой код у меня растянул див по 100%...
Единственно, у тебя ограницение стоит на ширину блока body поэтому у меня справа был фиден фон...

@Pavel1_1 · 20.08.2012, 11:12 **[ТС]**

Спасибо Вам,
Просто сайт переделываю, он сам по себе резиновый идет, и просто в этот див заганяется картинка к примеру 2000px, и див подстраеватся должен и соответственно показывать картинку под монитор человека,
просто если высота у человека на монитре большая, футер прижемается к низу и если див фиксированный по высоте то будет не очень красиво, а так футер прижался, а div растянулся по высоте,

@and_y87 · 20.08.2012, 11:55

Pavel1_1, т.е. вы хотите что бы картинка фоновая отображалась исключительно в рамках определённого дива который растягивается 100% по ширине и по высоте за исключением места под футер?

@Pavel1_1 · 20.08.2012, 12:06 **[ТС]**

Да вы правы, то есть между шапкой и прижатым к низу футером находился div который да, растягивался по высоте и ширине в зависимости от монитора человека, просто по ширине в этом проблемы нет а вот по высоте у меня не выходила никак,

@and_y87 · 20.08.2012, 12:20

Pavel1_1,

Не по теме:

нестандартное решение

Обычно то все в body используют фоновую картинку...

в 2014 году можно будет применять calc(100% - 100px) где 100 - высота футера...
таким образом применяя свойство к высоте фоновой картинки получится что она не будет показываться за футером...

Как бы это и щас можно но не все поддерживают такие фишки...

@LF63 · 20.08.2012, 12:26

На мой взгляд, необязательно фоновую картинку делать для body.

HTML5
1
2
3
4
5
<div id="wrap">
  <div id="header">Шапка</div>
  <div id="content">Контент</div>
</div>
<div id="footer">Подвал</div>

Вот как то так)
фон задается для #wrap

@and_y87 · 20.08.2012, 12:29

LF63, Данное решение подходит только для резины...
если у сайта ширина основного тела 960px то получится что фоновая картинка будет обрезаться почти на всех разрешениях, тогда придется оборачивать в ещё один див что бы устранить это....

@Pavel1_1 · 20.08.2012, 12:37 **[ТС]**

Вот в чем была проблема, спасибо всем кто мне помогал,

@LF63 · 20.08.2012, 15:18

and_y87, я может ошибаюсь в чем-то. И чего-то не знаю. Но что мешает задать такое правило?

CSS
1
2
3
4
5
  #footer {
      width: 960px;
      margin: 0 auto;
/*Необходимые правила*/
}

Или обернуть в еще одну обертку, как предложили вы. На мой взгляд, в настоящее время без этого никак)

@and_y87 · 20.08.2012, 15:28

LF63, я имел ввиду, что: фоновая картинка по феншую ставиться для body, но это не обязательно... =)

Я сторонник минимализма... меньше строк кода, меньше вес сайта, меньше обращений к серверу

по этому у меня такие предложения

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Pavel1_1 2 / 2 / 1 Регистрация: 18.08.2012 Сообщений: 23

	Как растянуть div 18.08.2012, 15:29. Показов 5743. Ответов 22 Метки нет (Все метки) Добрый день. Может и глупы вопрос но, как растянуть div по высоте, просто надо чтоб div был к примеру минимум высотой 700 пикселей, и если монитор у человечика с высотой 1000 пикселей то Div то див растягивается под монитор человека(получается резиновый по высоте) ПС:min-height:700px; max-height:100%; не работает Всем спасибо огромное за совет!!! 0

@Pavel1_1 2 / 2 / 1 Регистрация: 18.08.2012 Сообщений: 23
	18.08.2012, 21:14 [ТС]
	Спасибо, помогло, осталось только чтоб футер правильно прижимался к низу) 0

@LF63 2 / 2 / 0 Регистрация: 09.08.2012 Сообщений: 21
	19.08.2012, 16:38
	http://www.zakharov.ms/footer/ - на мой взгляд отличная статья про прижатие подвала) 1

@Pavel1_1 2 / 2 / 1 Регистрация: 18.08.2012 Сообщений: 23
	19.08.2012, 17:02 [ТС]
	Спасибо 0

@LF63 2 / 2 / 0 Регистрация: 09.08.2012 Сообщений: 21
	19.08.2012, 17:23
	Всегда пожалуйста) надеюсь вам будет полезно) 0

@Pavel1_1 2 / 2 / 1 Регистрация: 18.08.2012 Сообщений: 23
	19.08.2012, 18:54 [ТС]
	А вы может есче посоветуете div под растяжку по высоте, (резиновый) начал прописывать, ничего не вышло, просто почему по коду ну просто должно работать)) а так не хочет то есть да div растягивает под мою высоту монитора а у друга проверял на компе у него монитор побольше и div не растягивается на всю высоту а оставался по высоте примерно как на моем мониторе. или кто скрип посоветует какой, Спасибо есче раз всем кто мне помогает. 0

@LF63 2 / 2 / 0 Регистрация: 09.08.2012 Сообщений: 21
	19.08.2012, 20:00
	Pavel1_1, ну вы код свой покажите, если по силам, помогу) 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	20.08.2012, 10:31
	Pavel1_1, наверника загвоздка в CSS: html,body heigth: 100% не прописали... 0

@Pavel1_1 2 / 2 / 1 Регистрация: 18.08.2012 Сообщений: 23
	20.08.2012, 11:12 [ТС]
	Спасибо Вам, Просто сайт переделываю, он сам по себе резиновый идет, и просто в этот див заганяется картинка к примеру 2000px, и див подстраеватся должен и соответственно показывать картинку под монитор человека, просто если высота у человека на монитре большая, футер прижемается к низу и если див фиксированный по высоте то будет не очень красиво, а так футер прижался, а div растянулся по высоте, 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	20.08.2012, 11:55
	Pavel1_1, т.е. вы хотите что бы картинка фоновая отображалась исключительно в рамках определённого дива который растягивается 100% по ширине и по высоте за исключением места под футер? 0

@Pavel1_1 2 / 2 / 1 Регистрация: 18.08.2012 Сообщений: 23
	20.08.2012, 12:06 [ТС]
	Да вы правы, то есть между шапкой и прижатым к низу футером находился div который да, растягивался по высоте и ширине в зависимости от монитора человека, просто по ширине в этом проблемы нет а вот по высоте у меня не выходила никак, 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	20.08.2012, 12:20
	Pavel1_1, Не по теме: нестандартное решение Обычно то все в body используют фоновую картинку... в 2014 году можно будет применять calc(100% - 100px) где 100 - высота футера... таким образом применяя свойство к высоте фоновой картинки получится что она не будет показываться за футером... Как бы это и щас можно но не все поддерживают такие фишки... 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	20.08.2012, 12:29
	LF63, Данное решение подходит только для резины... если у сайта ширина основного тела 960px то получится что фоновая картинка будет обрезаться почти на всех разрешениях, тогда придется оборачивать в ещё один див что бы устранить это.... 0

@Pavel1_1 2 / 2 / 1 Регистрация: 18.08.2012 Сообщений: 23
	20.08.2012, 12:37 [ТС]
	Вот в чем была проблема, спасибо всем кто мне помогал, Миниатюры 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	20.08.2012, 15:28
	LF63, я имел ввиду, что: фоновая картинка по феншую ставиться для body, но это не обязательно... =) Я сторонник минимализма... меньше строк кода, меньше вес сайта, меньше обращений к серверу по этому у меня такие предложения 0