Ich möchte den Footer gerne über die komplette breite der Seite haben deshalb habe ich in der fe_page.html5 den Footer außerhalb des wrapper gestellt. Auf PC Browsern funktioniert auch alles soweit aber in Android Browsern kommt es zu einer Verschiebung oder was auch immer. Ich habe alles unnötige im Seitentemplate deaktiviert um den Fehler eingrenzen zu können leider seit 2 Tagen suchen ohne Erfolg.
Den Viewport habe ich aus dem Template vorerst entfernt. Ich bin leicht verzweifelt und freue mich über jeden Lösungsansatz.
Link zur Seite:http://verein.s15407066.onlinehome-server.info/
Srcreen Android Browser: Screenshot_2014-07-20-11-46-42.png
Meine fe_page.html5:
PHP-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; ?>">
<meta name="generator" content="Contao Open Source CMS">
<?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_ASSETS_URL; ?>assets/html5shiv/<?php echo HTML5SHIV; ?>/html5shiv.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 echo $this->getCustomSections('top'); ?>
<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="maincontent">
<div id="main">
<div class="inside">
<?php echo $this->main; ?>
</div>
<?php echo $this->getCustomSections('main'); ?>
</div>
<?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; ?>
</div>
<?php echo $this->getCustomSections('after'); ?>
</div>
<?php if ($this->footer): ?>
<footer id="footer">
<div class="inside content_footer">
<?php echo $this->footer; ?>
</div>
</footer>
<?php endif; ?>
<?php echo $this->getCustomSections('bottom'); ?>
<?php echo $this->mootools; ?>
<?php if (!$this->disableCron): ?>
<script>
<?php if ($this->layout->addJQuery): ?>
setTimeout(function(){jQuery.ajax("system/cron/cron.txt",{complete:function(e){var t=e.responseText||0;parseInt(t)<Math.round(+(new Date)/1e3)-<?php echo $this->cronTimeout; ?>&&jQuery.ajax("system/cron/cron.php")}})},5e3)
<?php else: ?>
setTimeout(function(){(new Request({url:"system/cron/cron.txt",onComplete:function(e){e||(e=0),parseInt(e)<Math.round(+(new Date)/1e3)-<?php echo $this->cronTimeout; ?>&&(new Request({url:"system/cron/cron.php"})).get()}})).get()},5e3)
<?php endif; ?>
</script>
<?php endif; ?>
</body>
</html>
Lesezeichen