How do I do this layout in HTML & CSS?

How do I do the following layout:

/ header width:100%, height: 100px (this is overlayed)                      /
/////////////////////////////////////////////////////////////////////开发者_高级运维////////
/                                         /                                 /
/ div width: all available, height: 100%  /  div width: 200px; height: 100% /

Basically, the iFrame width should cover the blue background here: http://jsfiddle.net/VaDTZ/3/

---

here is something working :) http://jsfiddle.net/simoncereska/XQJPA/3/

---

You can use jQuery to achieve this easily,

This will ensure that both your primary div, and your sidebar div are the same height.

$(document).ready(function({
    var x = $('#primary').height();
    $('#sidebar').css('height', x);
});

Hope this helps