Модальные окна

[Wolk_]

Добрый вечер. Имеются модальные окна на сайте которые прокручиваются боковым скроллом, но когда прокручиваем окно до конца, оказывается, что оно прижато к низу страницы, а нужно реализовать отступ.

Также, нужно сделать не прокручиваемым шапку тогда, когда открыто модальное окно.

Посмотреть о чем я говорю можно на макете (здесь была ссылка), а именно нажав на вторую иконку (статистика) под первым фото. Заранее спасибо.

[Nanto]

У Вас не код, а тихий ужас какой-то! Элементы позиционируются и выдёргиваются из потока, блоки схлопываются по высоте и не растягиваются больше высоты вьюпорта и т.д. Сходу ничего не сделаешь - надо перелопачивать все стили!
Как вариант - вставьте костыль:
в div-ы с классом "window" вставьте пустую обёртку

<div style="position: absolute; width: 100%; height: 1px; bottom: -50px;"></div>

а для

<div class="window">

пропишите

style="overflow:visible"

если нужна шапка поверх всех проставьте ей больший z-index, например 1000.

[Wolk_]

Конечно неприятно читать критику в свой адрес. при том при всем ещё и мало разборчивую, но за совет премного благодарен.

Насчет шапки, она не должна прокручиваться вместе с содержимым при активном окне. Проще говоря, нужно заменить значение position у окна при активном модальном окне с fixed на absolute.

[Nanto]

почему же "мало разборчивую"? Для начала уберите это правило

div{position:relative;}

Шапка чего? Страницы или попандера? У шапки страницы fixed, у шапки попандера absolute. Если проблема в том чтобы сменит позиционирование - так смените!

[Wolk_]

Nanto, речь о шапке сайта, которая при активном окне не должна прокручиваться вместе с содержимым, при закрытии окна - все возвращается на свои места (это скорей вопрос js, а не HTML/CSS)

1) Мало разборчивую постольку, поскольку употребление вами жаргонных слов не позволили мне в полной мере понять моих ошибок, а если бы четко было указано на проблемные (по вашему мнению) участки кода, то я был бы благодарен вдвойне. Не вся же верстка кривая - это уж точно

2) Аргументируйте.

div{position:relative;}

[ruslan_mart]

Для таких окон со сколлом лучше всего использовать iframe

[Seva1986]

2) Аргументируйте.

Да не, лучше вот так сделай *{position:relative;}

Я даже не видя твоего сайта, раз на нём такое используется, могу утверждать что там дикий говно код. выучи css и возвращайся потом.

Не вся же верстка кривая - это уж точно

Можно взглянуть? докажи мне что я не прав.