fe_page.tpl anpassen
PHP-Code:
<div id="wrapper">
<?php if ($this->header): ?>
<div id="header">
<div class="inside box">
<?php echo $this->header; ?>
</div>
</div>
<?php endif; ?>
<?php echo $this->getCustomSections('before'); ?>
<div id="container">
<div class="inside box">
<?php if ($this->left): ?>
<div id="left">
<div class="inside">
<?php echo $this->left; ?>
</div>
</div>
<?php endif; ?>
<?php if ($this->right): ?>
<div id="right">
<div class="inside">
<?php echo $this->right; ?>
</div>
</div>
<?php endif; ?>
<div id="main">
<div class="inside">
<?php echo $this->main; ?>
</div>
<?php echo $this->getCustomSections('main'); ?>
<div id="clear"></div>
</div>
<?php echo $this->getCustomSections('after'); ?>
</div>
</div>
<?php if ($this->footer): ?>
<div id="footer">
<div class="inside box">
<?php echo $this->footer; ?>
</div>
</div>
<?php endif; ?>
<!-- indexer::stop -->
<img src="<?php echo $this->base; ?>cron.php" alt="" width="0" height="0" class="invisible"/>
<!-- indexer::continue -->
</div>
CSS-Code
Code:
html,
body
{
height:100%;
}
#wrapper
{
position:relative;
height:auto !important;
min-height:100%;
}
#header .inside,
#footer .inside
{
height:100%;
}
#footer
{
width:100%;
bottom:0;
position:absolute;
background:#000;
}
Die Einstellungen im Layout für die Fußzeile auf die gewünschte Höhe jeweils einstellen, die Klasse .inside innerhalb der ID's header, footer auf 100% durch CSS.
Praxisbeispiel: http://www.nadine-nails.de/