Как прикрепить footer к низу страницы, когда отсутствует контент? - Joomla 2.5: Шаблоны, разметка и макеты вывода

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#content,

#footer { margin: 5px; }

#header { 
	margin: 0 5px 5px 5px;
	padding: 10px;
}

#logo { margin-right: 20px; }

#toolbar,
#headerbar { margin-bottom: 45px; }

#toolbar + #headerbar { margin-top: -35px;}

#headerbar .module {
	margin-top: 0;
	margin-bottom: 0;
}

.breadcrumbs { margin-bottom: 20px; }

#footer  { margin: 15px; }
#footer .module { margin: 0;}



/* Layout
----------------------------------------------------------------------------------------------------*/

#header,
#footer { clear: both;
	position:relative; 
	height:70px; width:960px; 
	margin: 0px auto;
    color: #CCC; 
}

#header { background: #1A1A1C; }

#menubar { 
	position: absolute;
	right: 7px;
	bottom: 7px;
}

#menu { float: right; }

#top-a + #main:before,
#top-b + #main:before,
#main + #bottom-a:before,
#main + #bottom-b:before {
	display: block;
	content: "";
	height: 20px;
	margin: 0 5px;
	background: url(../images/layout_separator.png) repeat-x;
}

#content {
	padding: 20px;
}


#totop-scroller {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	width: 35px;
	height: 35px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
}

#totop-scroller:hover { background-position: 0 -50px; }

/* Grid and Clearing Tools
----------------------------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after {
	content: "";
    display: table;
}
.clearfix:after,
.grid-block:after,
.deepest:after { clear: both; }

.grid-box { float: left; }

/* Grid Units */
.width16 { width: 16.666%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width33 { width: 33.333%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width66 { width: 66.666%; }
.width75 { width: 75%; }
.width80 { width: 80%; }
.width100 { width: 100%; }

/* Create new Block Formatting Contexts */
.bfc-o { overflow: hidden; }
.bfc-f {
	width: 100%;
	float: left;
}

/* Align Boxes */
.float-left { float: left; }
.float-right { float: right; }

/* Grid Gutter */
.grid-gutter.grid-block { margin: 15px -15px 0 -15px; }
.grid-gutter.grid-block:first-child { margin-top: 0; }
.grid-gutter > .grid-box > * { margin: 0 15px; }


/* Layout Defaults
----------------------------------------------------------------------------------------------------*/

/* Center Page */
.wrapper { margin: auto; }

/* Header */
#header { position: relative; }

#toolbar .float-left .module,
#toolbar .float-left > time {
	margin: 0 15px 0 0;
	float: left;
}

#toolbar .float-right .module {
	margin: 0 0 0 15px;
	float: right;
}

#headerbar .module {
	max-width: 300px;
	margin-right: 0;
	float: right;
}

#logo, #logo > img,
#menu { float: left; }
#search { float: right; }

#banner {
	position: absolute;
	top: 0;
	right: -200px;
}

/* Footer */
#footer {
	position: relative;
	text-align: center;
}

<div class="footer1<?php echo $moduleclass_sfx ?>"><?php echo $lineone; ?></div>

#footer {
	width: 1000px;
	margin: -100px auto 0;/* прижимает*/
	height: 100px;
	background: #BFF08E;
	position: relative;
}

<div id="vsyahuynya">
    Tro-lo-lo
    <div id="zaglushka"></div>
</div>
<div id="footer">Футер</div>

#vsyahuynya {margin-bottom:-200px; min-height:100%;}
#footer, #zaglushka {height:200px;}

#footer {
	width: 1000px;
	margin: -100px auto 0;/* прижимает*/
	height: 100px;
	background: #BFF08E;
	position: relative;

/* #################### footer ############################ */
#footer-sub
{

    padding:0px
}
#footer
{
        padding:15px 10px 15px 20px;
        text-align:right;
        margin: 0 auto;
        display:block;
        max-width:1020px;
        overflow:hidden
    
}

#footer div
{
        float:left;
        font-size:0.8em;
        line-height:1.7em;
}

#footer-outer
{
        padding:0;
}

.box
{
        text-align:left
}

.box ul
{
        list-style-type:none
}

#bottom .newsfeed-item
{
        padding:0;
        margin-bottom:10px
}

.box .moduletable_menu,
.box .moduletable
{
        margin:10px
}

.box3
{
        padding-left:10px
}

.box h3
{
        font-size:1.3em
}

#bottom ul.latestnews
{
        padding-left:0
}

#footer p
{
        font-size:0.8em;
        margin:0
}

p.syndicate
{
        float:left;
        display:block;
        text-align:left;
}