<div id="Container"> <div id="Header"> <div id="Banner"> <div id="Logo"> </div> </div> </div> <div id="Middle"> <div id="Content"> </div> <div id="Menu"> </div> </div> <div id="FooterHolder"> <div id="Footer"></div> </div> </div>
@charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px; } body { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 80%; background: #595E64; color: #000000; height: 100%; } #container { min-height:100%; position:relative; } a { color: #FFFFFF; } a:hover { color: #E7B032; text-decoration: underline; } .Float_Left { float: left; } #Banner { width: auto; min-width: 980px; height: 130px; background: url(../images/banner.jpg) top left repeat-x; } #Logo { width: 980px; height: 60px; background: url(../images/logo.png) top left no-repeat; margin: 20px auto 0px auto; } #Middle { width: 980px; min-height: 616px; margin: 0px auto 0px auto; padding-bottom: 35px; /* Height of the footer */ } #Content { height: 616px; width: 771px; float: right; background: url(../images/content.png) top left no-repeat; } #Menu { height: 616px; width: 209px; background: url(../images/menu.png) top left no-repeat; } #FooterHolder { position: absolute; bottom: 0; width: 100%; height: 35px; /* Height of the footer */ } #Footer { width: 980px; height: 35px; background: url(../images/bund.png) top left no-repeat; margin: 0px auto 0px auto; }