Всем привет. Очень нужна помощь. Столкнулся с ситуацией, над которой целую ночь проломал голову. Есть такая страница: http://webmaster.ayr…dow/index.html# Требуется, что бы левый сайдбар на ней тянулся относительно общей высоты(то есть был бы равен 100%) + футер должен быть прижат к низу страницы. Это конечно реализовать не сложно. Проблема возникает тогда, когда всплывающее окно(то есть планируется, что оно будет всплывать конечно. :) ) начинает иметь высоту большую чем его обвёрточный блок(.wrapper_progressive_window) В общем всё это дело(окно с белым-полупрозрачным фоном) начинает налазить на футер и выходить за рамки всех родительских блоков(в том числе и body и html.)! Это всё логично конечно — так и должно быть. Но! как обойти эту проблему? Перепробовал всё, что только знаю! (Менять абсолютное позиционирование естественно пробовал. + задавал всем присутствующим на странице блокам практически всё, что только возможно.(кроме таблиц.) Пробовал даже(в сочетаниях с определёнными комбинациями) тегам body и html задавать {float:left;} и {overfow:hidden} :) ) Проблема очень срочная и не терпит отлагательств. Буду благодарен за любые советы, намёки и подсказки.
P.S. Планируеться, что это окно будет ресайзится. (То есть принимать абсолютно любые размеры по длинне и ширине, без перезагрузки страницы. )

Оценить:|
  
Комментировать
Раздел: Помощь    
Просмотров: 2658
Комментариев (5)
  1. cssfish
    01.03.2013 в 10:51

    сходил по ссылке , все слишком сложно.
    лучше min-height:100% дать основному блоку, а сайдбар сделать на asbsolute, top:0; и bottom:0;
    это будет логичнее и понятнее тем ,кто потом будет с этим кодом работать.

    что касается второго вопроса — то вы создается abs-элемент больших размеров и хотите чтобы страница подстраивалась под него. верно? но absolute — это блок, изъятый из потока. если вы понимаете это, то используете далее js / jquery — берете размер попапа + его позиционирование, складываете, получаете общий размер и применяете его к основному блоку. при закрытии -возвращаем размеры назад (для этого, возможно, придется их запомнить перед изменением).

    правда, я не понимаю, заем это может понадобиться, ведь пользоваться этим будет неудобно — скроллить во всех направлениях…бррр

    • Greg
      Григорий Кочнев [Greg]
      01.03.2013 в 12:32

      Плюсую, решение проблемы только на яваскриптах.

      правда, я не понимаю, заем это может понадобиться, ведь…

      Мне это тоже не понятно. А вообще я заметил уважаемый топикстартер часто любит создавать проблемы на ровном месте, а потом героически их решать…

      Парень! Проблемы нужно не придумывать, а стараться обходить. Опыт разработчика заключается в умении находить короткие пути к цели. Всегда основная цель — запуск проекта. «Рюшики и бантики», а уж тем более проблемы на ровном месте надо резать на корню. Иначе конца и края этим «проблемам», «красивостям» и «улучшениям» не будет. Лично видел десятки проектов, которые так и не были запущены или мертворожденные из-за подобных приколов )).

      К стати топикстартер Михаил! Напиши лучше какую-то статью по теме кодинга. Доделись наработанным опытом со вселенной, а то все вопросы-вопросы… Так и будешь известен как «задаватель вопросов» )))

      • Mike Kharkov [Yamaradg]
        01.03.2013 в 20:07

        Cпасибо за совет. Проблему, в данном случае и так пришлось обходить. ))
        P.S.
        До написания статьи(именно своей) мне пока, что далеко.(наверное).
        Не говоря уже вообще о тотальной нехватке времени на такие дела..
        Поэтому остаётся только вопросы задавать..
        (Других вариантов нет пока, как мне кажется..)

  2. Mike Kharkov [Yamaradg]
    01.03.2013 в 11:01

    Понял. Спасибо.

Оставить комментарий