Footer am Seitenende erstellen

Simuletsplay · 2. November 2018

Hallo Zusammen!

Ich habe eine kleine Frage:
Ich habe auf meinen Seiten einen Footer. Aber nicht auf jeder Seite ist der ganz unten, also es ist dadrunter immer noch platz

HTML

<div class="footer"> <div id="erklärung"><p><a href="index.hmtml">Start</a> | <a href="news.html">News</a> | <a href="clans.html">Clans</a> | <a href="games.html">Games</a> | <a href="bewerben.html">Bewerben</a> | <a href="server.html">Server</a> | <a href="team.html">Team</a> | <a href="impressum.html">Impressum</a> | <a href="kontakt.html">Kontakt</a> | <a href="datenschutz.html">Datenschutz</a></p></div> <div id="erklärung"><p>© SimuUndQuex2018</p></div> </div>

Code

.footer{ background-color: #2e3842;
display: flex;
justify-content: center;
margin-top: 25px;
height: auto;
color: wite;
display:flex;
flex-direction:column;
float: center;
margin: 150 0 0 0 auto;
border-top: 3px solid #21b2a6;
}
.footer #überschrift{
float: center;
margin: 0 auto;
}
.footer #erklärung{
float: center;
margin: 0 auto;
text-decoration: none;
}
.footer #erklärung-2{
float: center;
margin: 0 auto;
width: 1024px;
}
.footer #erklärung a{
text-decoration: none;
color: white;
}

Alles anzeigen

Aber wie kann ich es machen, dass der immer am Ende der Seite ist, also vom Bildschirm, aber nur wenn der Seiteninhalt zu wenig ist?

___________________________________
MfG

Simuletsplay

Arne Drews · 2. November 2018

Das kommt ein bisschen darauf an, wie Dein Gesamtgerüst aufgebaut ist.
Du nutzt ja bereits flex. Wenn Du einen vertikalen Bereich von bspw. drei Containern ( z.B. header, main, footer ) hast, kannst Du diese mit flex so anordnen, dass der header immer oben und der footer immer unten ist und der Content sich de gesamten Raum dazwischen nimmt.

Aber das hängt wie gesagt stark von Deinem Gesamtgerüst ab.

Tags