jquery to solve the 100% height problem

Posted: January 12th, 2010 | Filed under: General | 1 Comment »

Real short post today just a quick snippet of jQuery that solves the 100% height problem.

Yes there are complete CSS solutions to this but it seems that at times they can be problematic, and at other times laziness can kick in.

$(document).ready(function () {
    $("#divID").height($(document).height());
});

//And the slightly more fancy way. With a subtle slide down.

$(document).ready(function () {
    $("#divID").animate({ height: $(document).height() }, 500 );
});
If you enjoyed this post, make sure you subscribe to my RSS feed!

One Comment on “jquery to solve the 100% height problem”

  1. 1 Tweets that mention CoryMathews.com ยป jquery to solve the 100% height problem -- Topsy.com said at 00:13 on January 14th, 2010:

    [...] This post was mentioned on Twitter by goofypig, CoryMathews and #webDesign (less), Web Dev Links. Web Dev Links said: jQuery to solve the 100% height problem http://bit.ly/6yK3P2 by @CoryMathews [...]