/** * LAYOUT: fixed width, center, 100% height allways, ver.: 0.04 [2006-04-28] * * Copyright (c) 2005-2006 Hristo Drumev [www.hdrumev.com] * * Suported browsers: IE5+/win, Op5+, Moz1+, FF0.1+ * This file is freely distributable and usable under the terms of www.hdrumev.com * * Notes: add footer background to #sysFooterContent */ 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: 750px; /* width of content */ margin: 0 auto; } /* css hack - only for IE, height is 100%, not auto */ * html #sysframe { height: 100%; } #sysheader { } #syscontent { padding-bottom: 30px; /* height of footer */ } #sysfooter { position: relative; text-align: left; /* override text-align */ height: 16px; /* height of footer - borders */ margin-top: -25px; /* height of footer */ margin-left: auto; margin-right: auto; width: 730px; /* width of content */ } #sysfootercontent { height: 20px; /* height of footer */ } /** Example: use this tags in your (x)html page