Example layout.xml

The following is an example template

layout.xml

<?xml version="1.0" encoding="ASCII"?>
<layout>
    <div id="canvas">
        <div id="header" class="container">
            <div class="content">
                <copy table="assets" page="header" id="html"/>
                <navigation id="navigation" depth="0"/>
            </div>
        </div>
        <div id="banner" class="container">
            <div class="content">
                <copy table="assets" page="banner" id="html"/>
            </div>
        </div>
        <div id="content" class="container">
            <div class="content">
                <row>
                    <column>
                        <gallery width="200" height="80" crop="1"/>
                        <copy id="html"/>
                        <if id="pageid" value="sitemap">
                            <sitemap/>
                        </if>
                        <searchresults/>
                        <forms/>
                    </column>
                    <column>
                        <copy id="html1"/>
                    </column>
                </row>
            </div>
        </div>
        <div id="footer" class="container">
            <div class="content">
                <copy table="assets" page="footer" id="html"/>
            </div>
        </div>
    </div>
</layout>

custom.css

body {
    font-size: 62.5%;
}

.container {
    position: relative;
    z-index: 1;
    padding: 0 30px;
}

.content {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 1100px;
}

#header .content {
    height: 100px;
}

#banner .content {
    height: 480px;
}

#content .content {
    min-height: 300px;
}

#footer .content {
    min-height: 100px;
}