jQuery: динамическая установка высоты div и изменение размера окна

Как я могу изменить размер Div при изменении размера окна, когда div находится между другими div, и я не могу придумать, как это сделать; но я хочу этот div; иметь высоту; так что это ниже div; отображается как нижний колонтитул.

Хорошо, я знаю, что то, что я сказал, не имеет смысла, но вот что я понял: http://i44.tinypic.com/9v8t1u.jpg

Другими словами, я пытаюсь сделать то же, что и http://www.tumblr.com в своем индексе. «30 причин, по которым вы полюбите Tumblr» не позиционируются как абсолютные и нижние 0, но они установили скрытое переполнение и изменяют высоту среднего блока каждый раз, когда изменяется размер окна.

Я также использую jQuery.

Дело не в том, что мне не хватает навыков кодирования, но я просто не могу придумать, как сделать так, чтобы Div3 всегда отображался в нижнем колонтитуле.

Кто-нибудь знает как это сделать?

Большое спасибо


jquery css resize window-resize
person jQuerybeast    schedule 05.11.2011    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Вам действительно не нужен jQuery для этого. Ознакомьтесь с этим решением CSS: http://ryanfait.com/sticky-footer/.

* {
margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
person Chris Fletcher    schedule 05.11.2011
comment
Именно то, что я искал - person jQuerybeast; 05.11.2011

arrow_upward
0
arrow_downward

Вы можете использовать событие .resize() jquery, вот ссылка: API изменения размера Jquery

person Akshay Khandelwal    schedule 05.11.2011