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>
<div id="sidebar"></div>
<div id="entries">
<!-- Cookie notification -->
<script src="../scripts/cookies.js"></script>
<script src="../scripts/cookieinfo.js"></script>
<div id="content">
<div id="entries">
<!-- Cookie notification -->
<script src="../scripts/cookies.js"></script>
<script src="../scripts/cookieinfo.js"></script>
</div>
<script src="index.js"></script>
<div id="footer">
<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="1438750467" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<script src="index.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>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>

View file

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