Auch hier das Problem, dass es nicht mehr mit dem bgStretcher funktioniert. Das ging bis 2.9 wunderbar – jetzt leider nicht mehr.
meine fe_pageStickyFooter:
Code:
<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>">
<head>
<meta charset="<?php echo $this->charset; ?>">
<title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title>
<base href="<?php echo $this->base; ?>">
<meta name="robots" content="<?php echo $this->robots; ?>">
<meta name="description" content="<?php echo $this->description; ?>">
<meta name="keywords" content="<?php echo $this->keywords; ?>">
<?php echo $this->framework; ?>
<?php echo $this->stylesheets; ?>
<?php echo $this->mooScripts; ?>
<?php echo $this->head; ?>
<!--[if lt IE 9]><script src="<?php echo TL_PLUGINS_URL; ?>plugins/html5shim/html5-<?php echo HTML5SHIM; ?>.js"></script><![endif]-->
</head>
<body id="top" class="{{ua::class}}<?php if ($this->class): ?> <?php echo $this->class; ?><?php endif; ?>"<?php if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>
<?php $this->showIE6warning(); ?>
<div id="wrapper">
<?php if ($this->header): ?>
<header id="header">
<div class="inside">
<?php echo $this->header; ?>
</div>
</header>
<?php endif; ?>
<?php echo $this->getCustomSections('before'); ?>
<div id="container" class="clearfix">
<?php if ($this->left): ?>
<aside id="left">
<div class="inside">
<?php echo $this->left; ?>
</div>
</aside>
<?php endif; ?>
<?php if ($this->right): ?>
<aside id="right">
<div class="inside">
<?php echo $this->right; ?>
</div>
</aside>
<?php endif; ?>
<section id="main">
<div class="inside">
<?php echo $this->main; ?>
</div>
<?php echo $this->getCustomSections('main'); ?>
<div id="clear"></div>
</section>
</div>
<?php echo $this->getCustomSections('after'); ?>
</div>
<?php if ($this->footer): ?>
<footer id="footer">
<div class="inside">
<?php echo $this->footer; ?>
</div>
</footer>
<?php endif; ?>
<?php echo $this->mootools; ?>
<?php if (!$this->disableCron): ?>
<script>
new Request({
url:'system/html/cron.txt',
onComplete: function(txt) {
if (!txt) txt = 0;
if (parseInt(txt) < (Date.now()/1000 - 300)) {
new Request({url:'cron.php'}).get();
}
}
}).get();
</script>
<?php endif; ?>
</body>
</html>
CSS:
Code:
/* Version: 1.0.0 Sticky Footer Solution for Contao (TYPOlight) by Nils
Mueller (www.exsiteing.com) inspired by Steve Hatcher (http://stever.ca,
http://www.cssstickyfooter.com) */
*
{
margin:0;
padding:0;
}
/* must declare 0 margins on everything, also for main layout components
use padding, not vertical margins (top and bottom) to add spacing, else
those margins get added to total height and your footer gets pushed down
a bit more, creating vertical scroll bar */
html,
body,
#wrapper
{
height:100%;
}
body > #wrapper
{
height:auto;
min-height:100%;
}
#container
{
padding-bottom:120px;
}
/* must be same height as the footer */
#footer
{
position:relative;
clear:both;
margin-top:-120px;
/* negative value of footer height */ height: 120px;
}
/* CLEAR FIX */
.clearfix:after
{
height:0;
clear:both;
display:block;
content: ".";
visibility: hidden;
}
.clearfix
{
display:inline-block;
}
/* Hides from IE-mac \ */
* html .clearfix
{
height:1%;
}
.clearfix
{
display:block;
}
Vielleicht weiß ja jemand, wieso die bgStretcher Erweiterung nicht mehr funktioniert, sobald man diese CSS-Datei verwendet!?
Lesezeichen