JSFiddle - React, Tailwind, and code Playground

by sg3s

HTML

<div id="top"></div>
        
        <div id="container">
            <div id="header">
                
            </div>
            <div id="content">
                
            </div>
            <div id="footer">
                
            </div>
        </div>

CSS

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    border: none; /* IE border fix */
}

#top {
    position: absolute;
    height: 170px;
    background: #baa590;
    left: 0;
    top: 0;
    width: 100%;
}

#container {
    position:relative; /* required for footer positioning*/
    width: 970px;
    margin: 0 auto;
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
    background: red;
}

#header {
    float: left;
    margin-left: -26px;
    width: 1022px;
    height: 201px;
    background: #390419;
    background: transparent url(http://4.bp.blogspot.com/_rScBRKlTdoE/TC6rNWAyD9I/AAAAAAABOTo/BWkJH9ymovo/s1600/IMG_9692.jpg) no-repeat top left;
}