Ich möchte meinen Footer beim Standard Twenty Eleven mit der Methode von http://www.cssstickyfooter.com/de immer unten halten.
Mein Problem ist nur, das ich mit der Anleitung dort nicht so recht weiter komme.
Es gibt einmal den HTML Code, aber ich weiß nicht, wo ich den unterbringen soll.
HTML
<div id="wrap">
<div id="main" class="clearfix">
</div>
</div>
<div id="footer">
</div>und dann noch der CSS-Code
Code
[COLOR=#000000]/* [/COLOR]
/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/
* {margin:0;padding:0;}
/* Du musst margin auf 0 für alle Elemente setzen und immer padding statt margin
für vertikale Abstände (top und bottom) verwenden, anderenfalls werden diese margin-
Werte zur Gesamthöhe addiert und der Footer wird zu weit nach unten geschoben, was
vertikale Scrollbalken im Browser erzeugt. */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;} /* Muss genau so hoch sein wie der Footer */
#footer {
position: relative;
margin-top: -150px; /* Negativer Wert der Footer-Höhe */
height: 150px;
clear:both;
}
/* CLEAR FIX */
.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 */Ich gehe mal davon aus, das der in Style.css muss, aber dann direkt unter den Footer hinzu oder anstatt der bisherigen Einträge im Footer?
Und als drittes und (vorerst) letzte Frage: Muss ich im gesamten Style.css "margin" auf 0 setzen, so wie es im css-Code angegeben wurde?