JSFiddle - React, Tailwind, and code Playground

by madprops

HTML

http://i.imgur.com/DGbV3.png

CSS

html, body {
    height:100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
    color: #333;
    background: #fff;
}

#container {
    width: 100%;
    display: table;
    table-layout: fixed;
    border:0;
    height:auto;
    min-height:100%;

}
#container > div {
    display: table-cell;
    border:1;
    height:auto;
    min-height:100%;
}
#leftblock {
    padding: 10px;
    height:auto;
    min-height:100%;
}
#contentblock {
    width: 800px;
    padding: 0px;
    border-left: 0;
    height:auto;
    min-height:100%;
}

#contentblock > div {
    height:auto;
    min-height:100%;
}

#rightblockreal {
    position: fixed;
    top: 0;
    right: 0;
    height:auto;
    min-height:100%;
}

#rightblockfake > div {
    border-bottom:0; 
    border-right:0; 
    border-top:0
    height:auto;
    min-height:100%;
}

#rightblockreal > div {
    padding: 10px;
    border-left: 0;
    border-top: 0;
    border-bottom:0;
    overflow-y: auto;
    height:auto;
    min-height:100%;
}

JavaScript

function right_resize(){
        var $e = $('#rightblockreal'),
        $o = $('#rightblockfake');
        $(window).resize(function() {
        $e.width($o.width());
        }).resize();
    }