made the ad footer actually static

This commit is contained in:
Ellpeck 2020-04-18 17:28:35 +02:00
parent 5d8228327c
commit c640fd6c84
2 changed files with 30 additions and 14 deletions

View file

@ -30,18 +30,21 @@
<body> <body>
<div id="sidebar"></div> <div id="sidebar"></div>
<div id="content">
<div id="entries"> <div id="entries">
<!-- Cookie notification --> <!-- Cookie notification -->
<script src="../scripts/cookies.js"></script> <script src="../scripts/cookies.js"></script>
<script src="../scripts/cookieinfo.js"></script> <script src="../scripts/cookieinfo.js"></script>
</div> </div>
<script src="index.js"></script> <script src="index.js"></script>
<div id="footer">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5754829579653773" data-ad-slot="6172284542" data-ad-format="auto" data-full-width-responsive="true"></ins> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5754829579653773" data-ad-slot="1438750467" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script> <script>
(adsbygoogle = window.adsbygoogle || []).push({}); (adsbygoogle = window.adsbygoogle || []).push({});
</script> </script>
</div>
</div>
</body> </body>
</html> </html>

View file

@ -1,8 +1,13 @@
html {
height: 100%;
}
body { body {
font-family: Roboto; font-family: Roboto;
margin-top: 30px; margin-top: 30px;
margin-bottom: 30px; margin-bottom: 30px;
background-color: #e2e2e2; background-color: #e2e2e2;
height: 100%;
} }
.item { .item {
@ -32,8 +37,10 @@ body {
margin-right: auto; margin-right: auto;
} }
#entries { #content {
margin-left: 300px; margin-left: 300px;
overflow: auto;
padding-bottom: 200px;
} }
#sidebar { #sidebar {
@ -62,6 +69,12 @@ body {
color: black; color: black;
} }
#footer {
position: fixed;
bottom: 0;
width: 100%;
}
.anchor { .anchor {
display: block; display: block;
position: relative; position: relative;
@ -70,7 +83,7 @@ body {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
#entries { #content {
margin-left: 200px; margin-left: 200px;
} }
@ -80,7 +93,7 @@ body {
} }
@media (max-width: 510px) { @media (max-width: 510px) {
#entries { #content {
margin-left: 100px; margin-left: 100px;
} }