JSFiddle - React, Tailwind, and code Playground

HTML

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

        <div id="page">
            <!-- stuff -->aaaaaaaaaaa
        </div>
    </div>

    <div id="footer">
    <!-- stuff -->bbbbbbbbb
    </div>

    <div id="navigationbar"></div>



    </body>

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{
    position:fixed;
    bottom:0;
background-image: url('../images/footerbg.png');
background-repeat: repeat;
}