m (fix footer to bottom test) |
m (fix footer to bottom test) |
||
Line 3: | Line 3: | ||
<head> | <head> | ||
<style> | <style> | ||
+ | |||
+ | html { | ||
+ | position: relative; | ||
+ | min-height: 100%; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | margin: 0 0 100px; /* bottom = footer height */ | ||
+ | padding: 25px; | ||
+ | } | ||
/* styling for the titles h1 h2 */ | /* styling for the titles h1 h2 */ | ||
Line 35: | Line 45: | ||
color: #6b1d45; | color: #6b1d45; | ||
text-decoration-color: #6b1d45; | text-decoration-color: #6b1d45; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 74: | Line 79: | ||
/* FOOTER */ | /* FOOTER */ | ||
+ | |||
+ | footer { | ||
+ | background-color: orange; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | bottom: 0; | ||
+ | height: 100px; | ||
+ | width: 100%; | ||
+ | overflow:hidden; | ||
+ | } | ||
section#footer { | section#footer { |
Revision as of 12:20, 29 May 2017