Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Модальные окна (https://javascript.ru/forum/xhtml-html-css/27847-modalnye-okna.html)

Wolk_ 26.04.2012 21:38

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

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

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

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

Nanto 27.04.2012 00:40

У Вас не код, а тихий ужас какой-то! Элементы позиционируются и выдёргиваются из потока, блоки схлопываются по высоте и не растягиваются больше высоты вьюпорта и т.д. Сходу ничего не сделаешь - надо перелопачивать все стили!
Как вариант - вставьте костыль:
в div-ы с классом "window" вставьте пустую обёртку
<div style="position: absolute; width: 100%; height: 1px; bottom: -50px;"></div>

а для
<div class="window">
пропишите
style="overflow:visible"


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

Wolk_ 27.04.2012 19:32

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

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

Nanto 27.04.2012 19:47

почему же "мало разборчивую"? Для начала уберите это правило
div{position:relative;}

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

Wolk_ 27.04.2012 21:28

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

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

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

Для начала уберите это правило
div{position:relative;}


ruslan_mart 07.05.2012 17:37

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

Seva1986 15.05.2012 11:10

Цитата:

Сообщение от Wolk_
2) Аргументируйте.

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

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

Цитата:

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

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


Часовой пояс GMT +3, время: 01:44.