Created
September 9, 2014 07:17
-
-
Save gunnarbittersmann/c8d3f4a68b33294dc44a to your computer and use it in GitHub Desktop.
fixed footer behind
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * fixed footer behind | |
| */ | |
| body | |
| { | |
| margin: 0; | |
| padding: 0; | |
| background-color: white; | |
| font: 1.2em/3 Georgia; | |
| } | |
| main | |
| { | |
| margin: 0 0 6rem 0; | |
| padding: 0 90% 0 10%; | |
| background-color: inherit; | |
| font-size: 10em; | |
| text-align: center; | |
| } | |
| footer | |
| { | |
| position: fixed; | |
| bottom: 0; | |
| z-index: -1; | |
| padding: 0 10% 0 10%; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <main>To boldly scroll</main> | |
| <footer>where no-one has scrolled before</footer> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // alert('Hello world!'); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment