|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
29.02.2016, 14:10 | #1 |
Форумчанин
Регистрация: 25.03.2010
Сообщений: 417
|
Div на высоту родителя
Доброго дня!
Подскажите как сверстать такой div.div3, что бы он занимал всю свободную высоту : Код HTML:
<div class="parent" style="height:500px;width:300px;"> <div class="div1">текст</div> <div class="div2">текст<br>текст</div> <div class="div3"></div> <div class="div4">текст<br>текст</div> </div> |
29.02.2016, 14:15 | #2 |
Старожил
Регистрация: 12.01.2011
Сообщений: 19,500
|
height: 100%?
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом. |
29.02.2016, 14:20 | #3 |
Форумчанин
Регистрация: 25.03.2010
Сообщений: 417
|
нет, так зеленый вылезет вниз с нижним блоком
|
29.02.2016, 14:46 | #4 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
флекс или таблица
Alar, верни репу!
|
01.03.2016, 06:47 | #5 |
Форумчанин
Регистрация: 25.03.2010
Сообщений: 417
|
на таблицах самое то получилось. спасибо
|
01.03.2016, 14:29 | #6 |
Форумчанин
Регистрация: 25.03.2010
Сообщений: 417
|
в IE них... не работает(
|
02.03.2016, 11:01 | #7 |
Форумчанин
Регистрация: 22.02.2016
Сообщений: 145
|
Создание простых сайтов и скриптов
Без скриптов никак. В логике CSS нету ключей типа "оставшееся место".
Практикуйте табличный дизайн сайта и не заморачивайтесь, если, конечно это не является тестом для получения работы в супер-мега-дизайн-студии Задрипинска.
Возьму в кредит мильён по 100% годовых на сто лет.
|
02.03.2016, 12:07 | #8 | |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Еще для ИЕ 5.5 верстали сайты таблицами, у тебя стандартная задача "прибить подвал ко дну".
Цитата:
чо, не взяли и на зло миру верстаешь на таблицах?
Alar, верни репу!
|
|
03.03.2016, 09:29 | #9 | |
Форумчанин
Регистрация: 25.03.2010
Сообщений: 417
|
Цитата:
наверно придется скриптом конечно IE8 старая вещь, но у нас на работе на всех компах стоит он. И стоит запрет на обновление/установку программ |
|
03.03.2016, 15:26 | #10 |
Новичок
Джуниор
Регистрация: 03.03.2016
Сообщений: 4
|
А вот так не пробовали?
<style> .div1{ background:blue; } .div2{ background:red; } .div3{ height:100%; background:yellow; } .div4{ background:green; position:absolute; bottom:0; } .parent{ overflow:hidden; position:relative; } .div1,.div2,.div3,.div4{ width:100%; } </style> |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Обращение к div через его родителя | Romer9999 | JavaScript, Ajax | 2 | 21.01.2014 21:46 |
как растянуть div на всю высоту родителя | rodmial | HTML и CSS | 1 | 13.08.2013 21:57 |
Не изменяет свою высоту DIV с указанным min-height | RelaX Inc. | HTML и CSS | 5 | 19.07.2012 14:40 |
Как растянуть div на оставшуюся высоту родительского div'a? | Gans.7 | HTML и CSS | 0 | 01.04.2012 10:55 |
div на всю высоту ячейки | Nikolay 0001 | JavaScript, Ajax | 5 | 30.11.2008 12:14 |