Hallo,
Hallo Andreas, BugBuster u. @ All
ich hoffe Ihr verliert nicht die Geduld komplett mit mir, hier noch mal eine Zusammenfassung:
Code:
/* Sticky Footer css komplett in extra layout-themes-footer */
html, body, #wrap {height: 100%;}
body > #wrap {
height: auto;
min-height: 100%;
}
#main {padding-bottom: 160px;} /* Muss genau so hoch sein wie der Footer */
#footer {
position: relative;
margin-top: -160px; /* Negativer Wert der Footer-Höhe */
margin-right:auto;
margin-left:auto;
max-width: 1140px;
min-width: 755px;
height: 160px;
clear:both;
}
/*clearfix fuer chrome usw.*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */
/*hier die boxen links,mitte,rechts je Modul-html, erst mal nicht aktiviert*/
/*#footer
{
padding-top:4px;
padding-bottom:4px;
background-color:#0F3352;
color:#fff;
font-size: 85%;
}
#footer a:link, #footer a:visited
{
color:#FFD940;
}
#footer a:hover, #footer a:focus, #footer a:active
{
color:#fff;
}
#foot_links
{
width:220px;
float:left;
}
#foot_rechts
{
width:220px;
float:right;
}
#foot_mitte
{
position:relative;
width:auto;
margin-left:220px;
margin-right:220px;
}
*/
################################################## ##
Hier die fe_page-sticky:
Code:
<! --letztes ist zum footer im head -->
<!--[if !IE 7]>
<style type="text/css" media="screen">
/*<![CDATA[ */
#wrapper {
display: table;
height: 100%;
}
/* ]]>*/
</style>
<![endif]-->
<!--ENDE -->
</head>
<body id="top"<?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>
<div id="wrapper">
<?php if ($this->header): ?>
<div id="header">
<div class="inside">
<?php echo $this->header; ?>
</div>
</div>
<?php endif; ?>
<?php echo $this->getCustomSections('before'); ?>
<div id="container" class="clearfix">
<?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>
</div>
<?php echo $this->getCustomSections('after'); ?>
<!-- indexer::stop -->
<img src="<?php echo $this->base; ?>cron.php" alt="" class="invisible" />
<!-- indexer::continue -->
/*fuer den footer eigentlich ab hier:*/
</div>
<?php if ($this->footer): ?>
<div id="footer">
<div class="inside">
<?php echo $this->footer; ?>
</div>
</div>
<?php endif; ?>
<?php echo $this->mootools; ?>
</body>
</html>
#################################################
Hier die bassic_sticky css:
Code:
/* Style sheet basic-sticky */
html,
{
background-color:#f1f7f6;
overflow-y: scroll;
}
/* keine Farbe zu wrapper,weil Hintergrundgrafik */
body,
#wrapper
{
height:100%;
background-color:#;
}
/* header-Bereich */
body > #wrapper
{
height:100%;
background-color:#;
min-height: 100%;
}
.ie #wrapper
{
height:100%;
display:table;
}
.ie7 #wrapper
{
height:auto;
display:block;
min-height: 100%;
}
body
{
margin:0;
padding:0;
font-family:Tahoma,Geneva,Verdana,sans-serif;
font-size:0.8em;
color:#000000;
line-height:1.3em;
background:url("/test02/tl_files/bilder/body.jpg") repeat-x fixed top left;
}
/* container ist der Mittelbereich */
#container
{
padding-bottom:50px;
background-color:#;
}
a,
body,
div,
em,
input,
label,
li,
ol,
p,
select,
span,
strong,
td,
th,
textarea,
u,
ul
{
font-family:Tahoma,Geneva,Verdana,sans-serif;
}
h1
{
margin:0 0 0.8em;
padding:0;
font-weight:bold;
font-size:1.2em;
}
h2
{
margin:0 0 6px;
padding:0;
font-weight:bold;
font-size:1.1em;
}
h3
{
margin:0 0 6px;
padding:0;
font-weight:bold;
font-size:0.8em;
}
h4
{
margin:0 0 6px;
padding:0;
font-weight:bold;
font-size:0.8em;
}
h5
{
margin:0 0 5px;
padding:0;
font-weight:bold;
font-size:0.7em;
}
h6
{
margin:0 0 4px;
padding:0;
font-weight:bold;
font-size:0.6em;
}
a,
a:link,
a:visited
{
font-weight:normal;
color:#000000;
}
a:hover
{
text-decoration:none;
color:#CC0000;
}
img
{
vertical-align:middle;
border:0 none;
}
pre,
form
{
margin:0;
padding:0;
}
p
{
margin:0;
padding:0 0 10px;
}
##############################################
sorry für soviel Code. Wenn oben das alles richtig wäre, dann bräuchte ich an den Stellen schon mal nicht
weiter Fehler zu suchen(dann "nur" noch in der Funktion Contao-Backend selbst, meine Bedienungsfehler!)
Kann jemand so nett sein und zu oben eine Aussage machen, bzw. mich evtl. verbessern?
Gruss Ria
PS. vielleicht hilft der Thread ja sonst noch jemand, um weiterzukommen
Lesezeichen