JSFiddle - React, Tailwind, and code Playground

HTML

<div id="body">
    <!-- HEADER -->
    <div id="logo"></div>
    <div id="menu">
        <ul id="hmenu">
            <!-- stuff -->
        </ul>
    </div>
    <div id="page">
        <!-- stuff -->
    </div>
</div>
<div id="footer">
    <!-- stuff -->
</div>
<div id="navigationbar"></div>

CSS

body {
    background-image: url('../images/bg.png');
    background-repeat: repeat;
    margin: 0px;
    padding: 0px;
}
body, html {
    height: 100%;
}
#body {
    width: 1024px;
    min-height: 100%;
    margin: 0 auto;
}
#footer {
    clear:both;
    min-height: 150px;
    width: 100%;
    background-image: url('../images/footerbg.png');
    background-repeat: repeat;
    border: 1px solid #f00;
    position: fixed;
    bottom: 0;
}