From 6402c1bda311cd627555df363107312d3599138f Mon Sep 17 00:00:00 2001 From: JozanLeClerc Date: Tue, 23 Jun 2020 18:40:18 +0200 Subject: Good footer --- css/site.css | 34 ++++++++++++++++--- index.html | 107 +++++++++++++++++++++++++++++++---------------------------- 2 files changed, 86 insertions(+), 55 deletions(-) diff --git a/css/site.css b/css/site.css index b8b233c..d467b02 100644 --- a/css/site.css +++ b/css/site.css @@ -1,9 +1,14 @@ body { - background-colo-r: #f5f5f5; - /* background-color: #ffffff; */ + margin: 0 auto; + height: 100%; + min-height: 100%; +} + +div.fullpage { + background-color: #f5f5f5; font-family: sans-serif; - margin: 0pt; - padding: 0pt; + position: relative; + min-height: 100%; } header { @@ -23,6 +28,23 @@ header h1 { margin: 0pt; } +footer { + border-top: 1pt solid #ccc; + background-color: #f1f1f1; + clear: both; + position: absolute; + bottom: 0; + width: 100%; + height: 2.5rem; + margin-top: -2.5rem; +} + +footer p { + text-align: center; + padding: 5px; + margin: 0; +} + a { margin: 0pt; border-collapse: collapse; @@ -74,7 +96,9 @@ div.sidebar ul { } div.body-contents { - padding: 5pt; + padding: 5pt 0 5pt 0; + padding-bottom: 2.5rem; + width: 100%; margin-left: 20%; margin-right: 20%; } diff --git a/index.html b/index.html index afcd483..7d66a2e 100644 --- a/index.html +++ b/index.html @@ -5,56 +5,63 @@ -
-

Joe's dev blog

-
-
- -
-
-

About the site

-

- Welcome to my personnal blog. There you can find my tips and articles on - various tech and programming subjects. -

- The site is still in active developpement, come back sometimes. -

-

About me

-

- I am a student for 42Lyon IT school based in - Lyon, France. I work on various personnal project beside that. -

+
+
+

Joe's dev blog

+
+
+ +
+
+

About the site

+

+ Welcome to my personnal blog. There you can find my tips and articles on + various tech and programming subjects. +

+ The site is still in active developpement, come back sometimes. +

+

About me

+

+ I am a student for 42Lyon IT school based in + Lyon, France. I work on various personnal project beside that. +

+
+
-- cgit v1.2.3