/**
* LAYOUT: fixed width, center, 100% height allways
* VERSION 2 [2009]
*
* This CSS/CSS layout is part of Credox Framework [www.credox.org]
*
*
* @author Hristo Drumev
* @package framework
* @copyright Hristo Drumev [www.hdrumev.com]
* @version 2.00 / 13.11.2008
*
* Suported browsers: IE6+/win, Op7+, Moz1+, FF0.1+
* This file is freely distributable and usable under the terms of www.credox.org
*
*/
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
#sysframe {
text-align: left; /* override text-align */
min-height: 100%;
/* width: 960px; /* 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 + unused bottom padding of content */
overflow: hidden;
}
#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: 960px; /* width of content */
}
/** Example: use this tags in your (x)html page
--- In your CSS file add this -----------------------
or remove comments of commented styles above
body, html {
background: #fff;
}
#sysframe {
width: 00px;
}
#sysheader {
height: 00px;
}
#syscontent {
padding-bottom: 00px;
}
#sysfooter {
height: 00px;
margin-top: -00px;
width: 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
*/