Jquery problem with height() and resize()

Question

I need to give an element a specific height based on document\'s height and keep it whether the document size changes:

$(document).ready(function () {
    $(         


        

Answer 1

To calculate the height, try replacing document by window:

    $(document).ready(function () {
            $('#descriptive_news_text').height(($(window).height() - 325));
            $(window).resize(function () {
                    $('#descriptive_news_text').height(($(window).height() - 325));
            });

    });

Answer 2

Something like this seems to work fine for me:

$(function() {
    $("div#test").css("height", ($(document).height() - 325) + "px");
});