Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.81/26: Рейтинг темы: голосов - 26, средняя оценка - 4.81
3 / 3 / 1
Регистрация: 14.01.2013
Сообщений: 137

max-height и min-height резиновый блок

13.03.2013, 21:40. Показов 4944. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
есть див
HTML5
1
<div class="main"></div>
подключены стили

CSS
1
2
3
4
5
6
7
.main{
    border:1px solid #0C0;
    max-width:3000px;
    min-width:1000px;
    max-height:2000px;
    min-height:600px;
}
проблема в том что width есть и минимальный максимальный ширина резиновая.
а вот height не стал резиновый он остается 600px
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
13.03.2013, 21:40
Ответы с готовыми решениями:

блоки с height внутри min-height не растягиваются или wrapper не растягивается
вот такой вот пример &lt;html&gt; &lt;head&gt; &lt;style type=&quot;text/css&quot;&gt; * {margin:0; padding:0;} html {height:100%; } body...

Блок на растягивается на height:100%; min-height: 100%;
Подскажите пожалуйста, почему мне не получается растянуть блок во всю высоту браузера? Вроде бы везде где нужно стоит height:100%;...

height внутри min-height
структура такова &lt;div id=&quot;wrapper&quot;&gt; # min-height 100% &lt;div id=&quot;block1&quot;&gt; height 60% width 30% float:left &lt;/div&gt; &lt;div...

7
1 / 1 / 0
Регистрация: 27.02.2013
Сообщений: 30
13.03.2013, 21:48
Цитата Сообщение от vinovachuk Посмотреть сообщение
не стал резиновый он остается 600px
а контенту там больше чем 600px?
0
3 / 3 / 1
Регистрация: 14.01.2013
Сообщений: 137
13.03.2013, 21:50  [ТС]
Цитата Сообщение от BOYVAS Посмотреть сообщение
а контенту там больше чем 600px?
контента нету... если будет то будет меньше
0
1 / 1 / 0
Регистрация: 27.02.2013
Сообщений: 30
13.03.2013, 21:55
так додай контенту и попробуй убрать max-height
0
3 / 3 / 1
Регистрация: 14.01.2013
Сообщений: 137
13.03.2013, 22:04  [ТС]
Цитата Сообщение от BOYVAS Посмотреть сообщение
так додай контенту и попробуй убрать max-height
контента нет есть фоновая картинка в этом и проблема
0
1 / 1 / 0
Регистрация: 27.02.2013
Сообщений: 30
13.03.2013, 23:04
приведи код... и объясни что хочешь сделать

Добавлено через 10 минут
Может ты хочешь создать резиновое изображение... вот ссылка почитай.
Есть еще если надо будет
0
3 / 3 / 1
Регистрация: 14.01.2013
Сообщений: 137
13.03.2013, 23:38  [ТС]
Цитата Сообщение от BOYVAS Посмотреть сообщение
приведи код... и объясни что хочешь сделать

Добавлено через 10 минут
Может ты хочешь создать резиновое изображение... вот ссылка почитай.
Есть еще если надо будет
нужно сделать так чтобы был див с минимальной максимальной шириной и бес контента чтобы он становился резиновым
можно сделать такую структуру
HTML5
1
2
3
4
<div class="main">
  <div class="top"></div>
  <div class="footer"></div>
</div>
top u footer имеют фиксированую вирину.
а главный имеет максимальную и минимальную
0
1 / 1 / 0
Регистрация: 27.02.2013
Сообщений: 30
14.03.2013, 11:03
main так как ты у верху писал, а у footer и top задавай обычный width, либо картинку, картинка блок растянет по своим размерам ширины и высоты... неужели это так сложно поэкспериментировать, поуменьшай окно браузера, как ведет себя блок, задай разную ширину, я недавно тоже начинал с этого но я сам такие вопросы решал, методом тыка
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
14.03.2013, 11:03
Помогаю со студенческими работами здесь

Max-heigth и min-height в одинаковых div-блоках
Здравствуйте, господа! Может быть найдутся профессионалы, которые помогут решить такой вопрос. У меня на сайте сверху два одинаковых...

Аналог min-width, min-height в CSS < 3
Ребят. Собственно, нужно как-то сделать страницу с этими параметрами (т.е. не обязательно с ними) В общем есть страница, и при...

DOCTYPE с min-height
Но ведь мой браузер понимает что я пишу даже без этого. Не указав этот тег я написал весь свой небольшой сайт, и позже добавив...

min-height не работает
у одного блока есть свойство min-height:700px; при наполнении содержимого больше чем 700 пикселей, блок в размере не увеличивается, и...

не срабатывает min-height
Здравствуйте. Есть блок, оборачивающий страницу. У него свойство height: 100%; min-height: 600px;. В этом блоке еще два со свойствами...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .
Камера 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. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru