Content + sidebar with equal height at least as tall as window

gistfile1.txt

<style>
  .wrapper {
    position: relative;
  }
  
  .sidebar, .content {
    min-height: 100%;
  }
</style>

<div class="wrapper">
  <div class="sidebar">
  </div>
  <div class="content">
  </div>
</div>

<script>

$(document).on('ready', function(){
    $(window).on('resize', adaptContentAndSidebar);
    adaptContentAndSidebar();
});

function adaptContentAndSidebar() {
    var page_height = $(window).height(); - negate header/footer/other heights here if necessary

    var wrapper = $('.wrapper').css('min-height', 'auto');
    var sidebar = $('.wrapper > .sidebar');

    wrapper.css('min-height', Math.max(page_height, sidebar.outerHeight()));
}
</script>