columns-test-2-fixed-widths

dabblet.css

/**
 * columns-test-2-fixed-widths
 * source: http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
 */

html { background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%; padding-top: 55px; }

#wrapper { display: block; max-width: 1100px; min-width: 700px; margin: 0 auto; }

#container3 { float: left; width: 100%; background: green; overflow: hidden; position: relative; }
#container2 { float: left; width: 100%; background: yellow; position: relative; right: 220px; }
#container1 { float: left; width: 100%; background: red; position: relative; right: 55%; }
#col1 { float: left; width: 220px;  position: relative; left:81%; overflow: hidden; background: none; }
#col2 { float: left; width: 35%; position: relative; left: 80%; overflow: hidden; }
#col3 { float: left; width: 220px; position: relative; left: 99%; overflow: hidden; background: white; }

dabblet.html

<div id="wrapper">
<div id="container3">
    <div id="container2">
        <div id="container1">
            <div id="col1">
            <h1>this is the right col</h1>
            <p>i am just saying that this is crazy folks. just super crazy!!!!!!!</p>
            </div>
            <div id="col2">Column 2</div>
            <div id="col3">Column 3</div>
        </div>
    </div>
</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"90","seethrough":"","prefixfree":"1","page":"css"}