Footer an unteren Bildschirmrand befestigen?
Hallo Community,
Ich habe gerade eine Webseite mit Divi gebaut.
Jetzte möchte ich, dass der Footer immer, auf jeder Bildschirmgröße am unteren Bildschirmrand befestigt bleibt und das Background Image soll immer die volle Höhe zum Header haben, damit der weiße Abschnitt quasi immer ausgefüllt bleibt.
Darf die Seite leider nicht posten aber ich habe hier ein Bild per Anhang hoch geladen.
Haben schon viel mit CSS codes rum probiert aber leider erfolglos.
Vielleicht findet sich hier jemand, der mir sagen kann wie es funktioniert.
Lieben Gruß
3 Antworten
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<div class="footer">Hallo ich bin ein footer</div>
</body>
</html>
css
.footer{
width: 100vw;
height: 10vh;
position: absolute;
bottom: 0;
left: 0;
background-color: #333;
color: red;
font-size: 2em;
font-family: sans-serif;
text-align: center;
}
Sorry, wenn ich frage, aber ... Warum googelst du nicht einfach?
Habe in Google Eingegeben: pin div to bottom
Das war das erste Ergebnis: https://stackoverflow.com/a/8824859
Dann wäre es evtl. hilfreich, wenn du mal den entsprechenden Code via hastebin oder jsfiddle hier postest.
Z index ist wichtig bei divi
- position: fixed;
- bottom: 0;
- z-index: 99999999;
- width: 100%;
Mit den obigen vieren sollte es in css funktionieren
Weil es nicht funzt. Den Beitrag habe ich auch schon gefunden.