Javascript / JQuery - detect browser height - simple fix
After I got some help from a couple fellow members suggesting that the solution to my problem here:
http://stackoverflow.com/questions/10274520/div-100-height-stretch-from-top-div-to-bottom-footer-to-accommodate-backgrou
was javascript / jquery, I found something online:

http://nicholasbarger.com/2011/08/04/jquery-makes-100-height-so-much-easier/

However, I need some customizing. At the moment it does what i need it to do - when i have little content it'll push my DIV to the entire height of the browser. 
But when i have MORE content, the content keeps going but the DIV doesnt expand.

**How can i customize the following script so it detects that if there's enough content it doesnt need to adjust the height?** 

Thank you very much in advance!


    <script>
    //Initial load of page
    $(document).ready(sizeContent);
    
    //Every resize of window
    $(window).resize(sizeContent);
    
    //Dynamically assign height
    function sizeContent() {
        var newHeight = $("html").height() - $("#header").height() - $("#content-header").height()- $("#footer-wrapper").height() + 6 + "px";
        $("#content").css("height", newHeight);
    }
    </script>
Javascript / JQuery - detect browser height - simple fix
===

After I got some help from a couple fellow members suggesting that the solution to my problem here:
http://stackoverflow.com/questions/10274520/div-100-height-stretch-from-top-div-to-bottom-footer-to-accommodate-backgrou
was javascript / jquery, I found something online:

http://nicholasbarger.com/2011/08/04/jquery-makes-100-height-so-much-easier/

However, I need some customizing. At the moment it does what i need it to do - when i have little content it'll push my DIV to the entire height of the browser. 
But when i have MORE content, the content keeps going but the DIV doesnt expand.

**How can i customize the following script so it detects that if there's enough content it doesnt need to adjust the height?** 

Thank you very much in advance!


    <script>
    //Initial load of page
    $(document).ready(sizeContent);
    
    //Every resize of window
    $(window).resize(sizeContent);
    
    //Dynamically assign height
    function sizeContent() {
        var newHeight = $("html").height() - $("#header").height() - $("#content-header").height()- $("#footer-wrapper").height() + 6 + "px";
        $("#content").css("height", newHeight);
    }
    </script>