Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737 Форумы портала PHP.SU :: Не работает скрол, адаптировать блок под высоту соседнего
Естественно скрол будет работать тогда когда выставлена высота блока, к тому же дважды. А вот как сделать так, чтобы скрол работал на правом блоке, а высота блока адаптировалась по левому блоку.
То есть не должно быть фиксированной высоты у .container ul и у родителя .container тоже не должно быть высоты. Высота только у левого блока class='left' (Добавление)
В моем случаи ширина правого блока адаптируется, но трудность в том, что если содержимое правого блока(высота) больше, сам скрол он неработает.
Покинул форум
Сообщений всего: 879
Дата рег-ции: Март 2017 Откуда: Германия, Бавария
Помог: 37 раз(а)
Gerd пишет:
Естественно скрол будет работать тогда когда выставлена высота блока, к тому же дважды. А вот как сделать так, чтобы скрол работал на правом блоке, а высота блока адаптировалась по левому блоку.
То есть не должно быть фиксированной высоты у .container ul и у родителя .container тоже не должно быть высоты. Высота только у левого блока class='left' (Добавление)
В моем случаи ширина правого блока адаптируется, но трудность в том, что если содержимое правого блока(высота) больше, сам скрол он неработает.
Извините, во 2 строке д.б. max-height: 200px
Попробуйте, с JS. Не совсем понял, когда должен появляться скролл, поэтому остaвил alert, измените условие, как Вам захочется.
Покинул форум
Сообщений всего: 650
Дата рег-ции: Сент. 2012
Помог: 0 раз(а)
[+][+][+]
А без js, возможно реализовать? (Добавление)
Как быть если новостей мало, а левый блок во всю высоту экрана, как сделать так, чтобы высота правого блока была по высоте его контента, а не по высоте левого? (Добавление)
Возможно сделать так, чтобы на родительский блок не выставлять свойство display:flex, а к примеру чтобы на родительском блоке было выставлено свойство display:block и при этом ширина правого блока была в процентах + max + min и в тоже время ширина левого блока заполняло свободное пространство по левую сторону правого блока.
???
Gerd
Отправлено: 06 Мая, 2019 - 03:55:42
Частый посетитель
Покинул форум
Сообщений всего: 650
Дата рег-ции: Сент. 2012
Помог: 0 раз(а)
[+][+][+]
Через absolute, не вариант поскольку высота родителького блока не будет подстраиваться под высоту дочернего.
Vladimir Kheifets
Отправлено: 06 Мая, 2019 - 14:43:15
Частый посетитель
Покинул форум
Сообщений всего: 879
Дата рег-ции: Март 2017 Откуда: Германия, Бавария
Помог: 37 раз(а)
Gerd пишет:
А без js, возможно реализовать? (Добавление)
Как быть если новостей мало, а левый блок во всю высоту экрана, как сделать так, чтобы высота правого блока была по высоте его контента, а не по высоте левого? (Добавление)
Возможно сделать так, чтобы на родительский блок не выставлять свойство display:flex, а к примеру чтобы на родительском блоке было выставлено свойство display:block и при этом ширина правого блока была в процентах + max + min и в тоже время ширина левого блока заполняло свободное пространство по левую сторону правого блока.
???
Высота и ширна блока будет по высоте и ширине его контента, ecли применить display:inline-block
Про "блок в процентах + max + min", попробуйте задание ширны, через calc, например,
Высота правого блока на 50% меньше левого, скрола нет. Хорошо, на мобильной версии возможно выставить свойство display:block на контейнер и тогда отображение в мобильной версии на ура.
Другое дело, если версия страницы пк, новостей по категории немного и остается свободное место, дале во втором контейнере идут коментарии и в правом блоке схожие новости. Как так сделать, чтобы схожие новости они смещались к протную к новостям категории независимо от высоты левого блока.
Все работает на пк версии и на мобильно, но вот это свободное место оно не к месту. Есть решение этому? Так чтобы это поправить через css стили.
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.