Half height div containers

Hello everyone,

I am working on a new website and I have been using a piece of code to extend div’s min-height, on a new design I would like to do half of the full height. I would assume to divide the sum of (window).innerHeight() by 2 but JQuery is not one of my skills. Any help would be awesome.

$(document).ready(function() {
  $('.section').css('min-height', $(window).innerHeight());

Hello GreyCanary,

Your code is quite right however you should use $(window).height() function instead of .innerHeight() .
There’s demo that shows you how it’s works: http://jsfiddle.net/5jFQd/

Good luck!