Всем привет. Очень нужна помощь. Столкнулся с ситуацией, над которой целую ночь проломал голову. Есть такая страница: https://webmaster.ayr…dow/index.html# Требуется, что бы левый сайдбар на ней тянулся относительно общей высоты(то есть был бы равен 100%) + футер должен быть прижат к низу страницы. Это конечно реализовать не сложно. Проблема возникает тогда, когда всплывающее окно(то есть планируется, что оно будет всплывать конечно. :) ) начинает иметь высоту большую чем его обвёрточный блок(.wrapper_progressive_window) В общем всё это дело(окно с белым-полупрозрачным фоном) начинает налазить на футер и выходить за рамки всех родительских блоков(в том числе и body и html.)! Это всё логично конечно — так и должно быть. Но! как обойти эту проблему? Перепробовал всё, что только знаю! (Менять абсолютное позиционирование естественно пробовал. + задавал всем присутствующим на странице блокам практически всё, что только возможно.(кроме таблиц.) Пробовал даже(в сочетаниях с определёнными комбинациями) тегам body и html задавать {float:left;} и {overfow:hidden} :) ) Проблема очень срочная и не терпит отлагательств. Буду благодарен за любые советы, намёки и подсказки.
P.S. Планируеться, что это окно будет ресайзится. (То есть принимать абсолютно любые размеры по длинне и ширине, без перезагрузки страницы. )
Сайдбар 100%-ой высоты, прижатый футер + всплывающее окно.
[01.03.2013 | 06:55]Комментариев (5)
Оставить комментарий
Для отправки комментария вам необходимо авторизоваться.
сходил по ссылке , все слишком сложно.
лучше min-height:100% дать основному блоку, а сайдбар сделать на asbsolute, top:0; и bottom:0;
это будет логичнее и понятнее тем ,кто потом будет с этим кодом работать.
что касается второго вопроса — то вы создается abs-элемент больших размеров и хотите чтобы страница подстраивалась под него. верно? но absolute — это блок, изъятый из потока. если вы понимаете это, то используете далее js / jquery — берете размер попапа + его позиционирование, складываете, получаете общий размер и применяете его к основному блоку. при закрытии -возвращаем размеры назад (для этого, возможно, придется их запомнить перед изменением).
правда, я не понимаю, заем это может понадобиться, ведь пользоваться этим будет неудобно — скроллить во всех направлениях…бррр
Плюсую, решение проблемы только на яваскриптах.
Мне это тоже не понятно. А вообще я заметил уважаемый топикстартер часто любит создавать проблемы на ровном месте, а потом героически их решать…
Парень! Проблемы нужно не придумывать, а стараться обходить. Опыт разработчика заключается в умении находить короткие пути к цели. Всегда основная цель — запуск проекта. «Рюшики и бантики», а уж тем более проблемы на ровном месте надо резать на корню. Иначе конца и края этим «проблемам», «красивостям» и «улучшениям» не будет. Лично видел десятки проектов, которые так и не были запущены или мертворожденные из-за подобных приколов )).
К стати топикстартер Михаил! Напиши лучше какую-то статью по теме кодинга. Доделись наработанным опытом со вселенной, а то все вопросы-вопросы… Так и будешь известен как «задаватель вопросов» )))
Cпасибо за совет. Проблему, в данном случае и так пришлось обходить. ))
P.S.
До написания статьи(именно своей) мне пока, что далеко.(наверное).
Не говоря уже вообще о тотальной нехватке времени на такие дела..
Поэтому остаётся только вопросы задавать..
(Других вариантов нет пока, как мне кажется..)
Варианты как и время есть всегда! Нужно только правильные ходы выбирать и время рационально тратить. :)
Понял. Спасибо.