made the ad footer actually static
This commit is contained in:
parent
5d8228327c
commit
c640fd6c84
2 changed files with 30 additions and 14 deletions
|
@ -30,18 +30,21 @@
|
|||
|
||||
<body>
|
||||
<div id="sidebar"></div>
|
||||
<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="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>
|
||||
(adsbygoogle = window.adsbygoogle || []).push({});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue