Skip to content
GitLab
Commit 6d1b6bf2 authored by Wolfgang Knopki's avatar Wolfgang Knopki
Browse files

Merge branch 'MLAB-229' into 'testing' 

MLAB-229: sticky footer

See merge request !41
parents 38cfc0bd 0c2f42a3
Pipeline #750 passed with stage
in 15 seconds
Hide whitespace changes
Inline Side-by-side
includes/headfoot.html
View file @ 6d1b6bf2
......@@ -12,6 +12,23 @@
<link rel="stylesheet" href="../fonts/ionicons.min.css">
<link rel="stylesheet" href="../css/Testimonials.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<style>
@media only screen and (min-width: 768px) {
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 120px; /* Margin bottom by footer height */
}
#homepage {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
}
}
</style>
</head>
<body>
......@@ -124,7 +141,7 @@
<p> test test test test 123</p>
<p> test test test test</p>
<p> test test test test</p>
<p> test test test test</p>
<!-- p> test test test test</p>
<hr>
<p> test test test test</p>
<p> test test test test</p>
......@@ -136,12 +153,12 @@
<p> test test test test</p>
<p> test test test test</p>
<p> test test test test</p>
<p> test test test test</p>
<p> test test test test</p -->
<hr>
</div>
<!-- footerdiv -->
<div id="homepage" class="last clear">
<div id="homepage">
<hr>
<!-- containerdiv -->
<div class="container">
......
js/headfoot.js
View file @ 6d1b6bf2
......@@ -140,9 +140,31 @@ function head() {
*/
function foot() {
// add styles to <head> to manage sticky footer
var styles = `
@media only screen and (min-width: 768px) {
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 120px; /* Margin bottom by footer height */
}
#homepage {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
}
}
`
var styleSheet = document.createElement("style")
styleSheet.type = "text/css"
styleSheet.innerText = styles
document.head.appendChild(styleSheet)
let footerdiv = document.createElement('div');
footerdiv.id="homepage";
footerdiv.classList.add("last", "clear");
footerdiv.innerHTML = "<hr>";
let containerdiv = document.createElement('div');
containerdiv.classList.add('container');
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal