Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Переделать верстку с таблиц на DIV / 3 сообщений из 3, страница 1 из 1
12.05.2017, 10:31
    #39451870
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переделать верстку с таблиц на DIV
Сделал работающий вариант на таблицах: https://jsfiddle.net/drofg7ns/
Требования такие:
- у главного родительского контейнера ширина фиксирована 325px
- у второй колонки первая строка (это там где кнопка), минимальной высоты. Но можно и 22px, тут без разницы
- первая колонка (там где 4 пункта) может увеличиваться в высоту
- если первая колонка растянулась вниз, то поле <textarea> должно растянуться вровень с ней
- у поля <textarea> минимальная высота 80px

Вариант с таблицей вполне устраивает. Но для расширения кругозора, хочется посмотреть решение на дивах (без display:table, tabel-cell).
Пытался применить разные колоночные макеты, также мучил flex , не получается нужного результата...
...
Рейтинг: 0 / 0
12.05.2017, 11:05
    #39451904
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переделать верстку с таблиц на DIV
user89 , только таблица может пропорционально распределять пространство по ширине между колонками...
...
Рейтинг: 0 / 0
12.05.2017, 11:10
    #39451910
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переделать верстку с таблиц на DIV
krvsa,

ОК. Спасибо!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Переделать верстку с таблиц на DIV / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]