Thanks wirehopper for getting back to me.
Your script ran vertically. I am trying to get the CSS to run horizontal so that the black part (middle) stays at 600px high and the top (red) and bottom (blue) grow in height depending on how big the browser is sized. I have attached image to display how tables get this to work.
Any ideas are much appreciated.