/** * LAYOUT: fixed width, center, 100% height allways * * This CSS/CSS layout is part of Credox Framework [www.credox.org] * * * @author Hristo Drumev * @package framework * @copyright Hristo Drumev [www.hdrumev.com] * @version 0.05 / 10.07.2007 * * Suported browsers: IE5+/win, Op5+, Moz1+, FF0.1+ * This file is freely distributable and usable under the terms of www.credox.org * * Notes: add footer background to #sysfootercontent * see comments below */ html { height: 100%; } body { margin: 0; padding: 0; height: 100%; } /** center layout for IE5 */ #syscenterie5 { width: 100%; text-align: center; height: 100%; } #sysframe { text-align: left; /* override text-align */ min-height: 100%; /* width: 760px; /* width of content */ margin: 0 auto; } /* css hack - only for IE, height is 100%, not auto */ * html #sysframe { height: 100%; } #sysheader { /* height: 100px; /* height of header */ } #syscontent { /* padding-bottom: 30px; /* height of footer */ } #sysfooter { position: relative; text-align: left; /* override text-align */ /* height: 25px; /* height of footer - borders */ /* margin-top: -25px; /* height of footer */ margin-left: auto; margin-right: auto; /* width: 760px; /* width of content */ } #sysfootercontent { /* height: 20px; /* height of footer */ } /** Example: use this tags in your (x)html page

--- In your CSS file add this ----------------------- or remove comments of commented styles above #sysframe { width: 00px; } #sysheader { height: 00px; } #syscontent { padding-bottom: 00px; } #sysfooter { height: 00px; margin-top: -00px; width: 00px; } #sysfootercontent { height: 00px; } --- Comments --------------------------------------- #sysframe: width - width of content #sysheader: height - height of header #syscontent: padding-bottom - height of footer #sysfooter: height - height of footer - borders #sysfooter: margin-top - height of footer #sysfooter: width - width of footer #sysfootercontent: height - height of footer */