0
Mit HTML/CSS, ich brauche die footer zu bekommen auf den bottom der Seite platziert wird, auch wenn es no enough content.CSS - Legen Sie die Fußzeile auf der Unterseite der Seite, auch wenn kein genügend Inhalt
Wenn viel Inhalt einen Bildlauf verursacht, ist dies sehr einfach zu erreichen. Das Problem trat auf, wenn nicht genug Inhalt vorhanden war, da in diesem Fall die Fußzeile nach oben ging.
Hier haben Sie ein Bild, das dies verdeutlichen könnte:
Ich habe folgenden Startcode:
CSS
body {
margin: 0;
}
#header, #content, #footer {
padding: 10px;
}
#header {
height: 100px;
background-color: #abcdef;
}
#content {
bottom: 100px;
left: 0;
right: 0;
background-color: #F63;
overflow: auto;
}
#footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 100px;
background-color: #abcdef;
}
HTML
<div id="header">
There is the Header
</div>
<div id="content">
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
hello world<br/>
</div>
<div id="footer">
There is the Footer
</div>
Jsfiddle Vorschau: https://jsfiddle.net/bk5ow9us/ (versuchen, die Höhe des Fensters Ändern der Größe)
Jede Idee, wie dies zu erreichen?
WICHTIG
Ich brauche eine funktionierende Lösung auch für IE (Version> = 11), nicht nur FF und Chrome.
so? https://jsfiddle.net/bk5ow9us/1/ –
FYI gibt es etwa 3.000 Fragen (wörtlich), die bereits auf der Website fragen. Ich wette, Sie könnten die Antwort mit ein wenig Suchen finden. – TylerH
Ofc es ist ein Duplikat, diese Frage wird fast jeden Tag gestellt. Wir sollten sie auf die SO-Dokumente verweisen, die der ganze Sinn von ihnen ist – StefanBob